Ki jan nou koupe paj chaje tan nou pa 10 segonn

Vitès ak sosyal jis pa sanble yo travay ansanm lè li rive yon sit entènèt gwo. Nou imigre sit nou an volan (lyen afilye) epi li anpil amelyore pèfòmans ak estabilite nan sit nou an. Men, konsepsyon sit nou an - ak yon footer grès ki ankouraje aktivite sosyal nou an sou Facebook, Twitter, Youtube ak sou Podcast nou an - ralanti sit nou an desann nan yon rale.

Li te move. Pandan ke yon paj gwo chaje nan 2 segonn oswa mwens, sit nou an te pran plis pase 10 segonn pou yon paj ranpli. Pwoblèm lan pa te WordPress oswa Flywheel, pwoblèm lan se te tout eleman entèaktif ke nou chaje nan lòt sèvis ... Facebook ak Twitter widgets, imaj aperçu Youtube, aplikasyon Podcast nou an, mwen tou senpleman pa t 'kapab kontwole ki jan ralanti yo chaje. Jiska kounye a.

Ou ap remake kounye a ke paj nou yo chaje nan apeprè 2 segonn. Ki jan nou te fè li? Nou te ajoute yon seksyon dinamik nan footer nou an ki sèlman charj lè itilizatè a defile tout wout la nan pwen sa. Scroll tout wout la nan pati anba a nan paj nou an nan yon navigatè (pa mobil, app oswa grenn) epi ou pral wè yon imaj chaje pran sou:

chaje

Sèvi ak jQuery, nou pa aktyèlman chaje baz la nan paj la jiskaske yon moun defile la. Kòd la se aktyèlman byen senp:

$ (fenèt) .scroll (fonksyon () {si (jQuery (dokiman) .height () == jQuery (fenèt) .scrollTop () + jQuery (fenèt) .height ()) {si ($ ("# placetoload" ) .text (). longè <200) {$ ("# siplemantè"). load ('[chemen konplè paj la pou chaje]');}}});

Yon fwa itilizatè a defiled nan baz la nan paj la, jQuery ale ekstrè sa ki nan paj nan chemen an espesifye ak charj yo nan div la ke ou chwazi pou ou.

Pandan ke sit la pa benefisye ankò de kontni ki chaje la (paske yon motè rechèch pa rale li), nou gen konfyans ke vitès paj la pral ede plase nou an, pataje ak angajman pi plis pase gen yon moun enpasyan rete tann pou paj nou an chaje chaje ralanti. Meyè tout, paj la toujou gen tout eleman nou vle angaje ak vizitè nou yo ... san sakrifye vitès paj la.

Nou te toujou gen kèk travay fè ... men nou ap rive la!

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.