Kif Inqatgħu l-Ħin tat-Tagħbija tal-Paġna tagħna b'10 Sekondi

Veloċità u soċjali sempliċement ma jidhrux li jaħdmu flimkien meta niġu għal websajt mill-aqwa. Aħna emigrajna fuq is-sit tagħna flywheel (affiljat link) u tejbet bil-kbir il-prestazzjoni u l-istabbiltà tas-sit tagħna. Iżda d-disinn tas-sit tagħna - bi footer xaħam li ppromwova l-attività soċjali tagħna fuq Facebook, Twitter, Youtube u fuq il-Podcast tagħna - naqqas is-sit tagħna għal crawl.

Kien ħażin. Filwaqt li paġna kbira tgħabbi f'2 sekondi jew inqas, is-sit tagħna kien qed jieħu aktar minn 10 sekondi biex titlesta paġna. Il-problema ma kinitx WordPress jew Flywheel, il-problema kienu l-elementi interattivi kollha li tlajna minn servizzi oħra ... Widgets ta 'Facebook u Twitter, immaġini ta' preview tal-Youtube, l-applikazzjoni Podcast tagħna, sempliċement ma stajtx nikkontrolla kemm kienu mgħobbija bil-mod. Sa issa.

Int tinduna issa li l-paġni tagħna jitgħabbew f'madwar 2 sekondi. Kif għamilna? Aħna żidna sezzjoni dinamika mal-footer tagħna li tgħabbi biss meta l-utent jiskrollja sa dak il-punt. Skrollja 'l isfel sal-qiegħ tal-paġna tagħna fi browser (mhux mobbli, app jew tablet) u tara immaġni tat-tagħbija tieħu f'idejha:

tagħbija

Bl-użu ta 'jQuery, fil-fatt ma nagħtux il-bażi tal-paġna sakemm xi ħadd jiskrollja hemm. Il-kodiċi huwa attwalment pjuttost sempliċi:

$ (tieqa) .scroll (funzjoni () {jekk (jQuery (dokument) .height () == jQuery (tieqa) .scrollTop () + jQuery (tieqa) .height ()) {jekk ($ ("# placetoload" ) .text (). tul <200) {$ ("# supplimentari"). load ('[il-mogħdija sħiħa tal-paġna biex tgħabbi]');}}});

Ladarba l-utent jiskrollja sal-bażi tal-paġna, jQuery go tiġbed il-kontenut tal-paġna tal-passaġġ speċifikat u tgħabbihom fid-div li għażilt.

Filwaqt li s-sit m'għadux jibbenefika mill-kontenut li huwa mgħobbi hemmhekk (minħabba li magna tat-tiftix mhix qed titkaxkarha), aħna pjuttost kunfidenti li l-veloċità tal-paġna se tgħin il-klassifikazzjoni, il-qsim u l-involviment tagħna ħafna iktar milli jkollna lil xi ħadd stenna bil-paċenzja li l-paġna tagħna titgħabba bil-mod. L-aqwa minn kollox, il-paġna għad għandha l-elementi kollha li rridu nimpenjaw mal-viżitaturi tagħna ... mingħajr ma nissagrifikaw il-veloċità tal-paġna.

Għad fadlilna ftit xogħol x'nagħmlu ... imma qed naslu hemm!

What do you think?

Dan is-sit juża Akismet biex inaqqas l-ispam. Tgħallem kif il-kumment tiegħek huwa pproċessat.