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:
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!
