Ako sme skrátili čas načítania stránky o 10 sekúnd

Zdá sa, že rýchlosť a sociálna oblasť spolu so skvelým webovým serverom nefungujú. Migrovali sme naše stránky na zotrvačník (affiliate link) a výrazne to zlepšilo výkon a stabilitu nášho webu. Ale náš dizajn stránok - s tlstým pätom, ktorý propagoval našu sociálnu aktivitu na Facebooku, Twitteri, Youtube a na našom Podcaste - spomalil náš web až do konca.

Bolo to zlé. Aj keď sa skvelá stránka načíta za 2 sekundy alebo menej, dokončenie našej stránky trvalo viac ako 10 sekúnd. Problém nebol WordPress alebo Flywheel, problémom boli všetky interaktívne prvky, ktoré sme načítali z iných služieb ... miniaplikácie Facebook a Twitter, obrázky náhľadu Youtube, naša aplikácia Podcast, jednoducho som nedokázal ovládať, ako pomaly sa načítali. Do teraz.

Teraz si všimnete, že naše stránky sa načítajú asi za 2 sekundy. Ako sme to zvládli? Do našej päty sme pridali dynamickú časť, ktorá sa načíta, len keď používateľ prejde celú cestu k tomuto bodu. Posuňte sa úplne dole do dolnej časti našej stránky v prehliadači (nie v mobile, aplikácii alebo tablete) a uvidíte, že obrázok načítania prevezme:

zaťaženie

Použitím jQuery vlastne nenačítavame základ stránky, kým tam niekto nekroluje. Kód je v skutočnosti celkom jednoduchý:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). dĺžka <200) {$ ("# doplnkové"). load ('[celá cesta k načítaniu]');}}});

Akonáhle užívateľ prejde na spodok stránky, jQuery go extrahuje obsah stránky z určenej cesty a načíta ju do div, ktorý ste vybrali.

Aj keď web už nemá výhody z obsahu, ktorý je tam načítaný (pretože ho vyhľadávací modul neprehľadáva), sme si celkom istí, že rýchlosť stránky pomôže nášmu hodnoteniu, zdieľaniu a zapojeniu oveľa viac, ako keď niekoho máte netrpezlivo čakať, až sa naša stránka načíta neznesiteľne pomaly. Najlepšie na tom všetkom je, že stránka stále obsahuje všetky prvky, s ktorými sa chceme spojiť s našimi návštevníkmi ... bez toho, aby sme obetovali rýchlosť stránky.

Stále máme čo robiť ... ale už sa tam dostávame!

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.