Jak zkrátíme dobu načítání stránky o 10 sekund

Zdá se, že rychlost a sociální sítě nefungují společně, pokud jde o skvělý web. Migrovali jsme naše stránky na setrvačník (affiliate link) a výrazně to zlepšilo výkon a stabilitu našeho webu. Ale náš design stránek - s tlustým zápatí, které propagovalo naši sociální aktivitu na Facebooku, Twitteru, Youtube a na našem Podcastu - zpomalil náš web až na procházení.

Bylo to špatné. Zatímco se skvělá stránka načte do 2 sekund nebo méně, dokončení našeho webu trvalo déle než 10 sekund. Problém nebyl WordPress nebo Flywheel, problém byly všechny interaktivní prvky, které jsme načetli z jiných služeb ... widgety Facebook a Twitter, obrázky náhledu Youtube, naše aplikace Podcast, prostě jsem nemohl ovládat, jak pomalu se načítají. Do teď.

Nyní si všimnete, že se naše stránky načítají přibližně za 2 sekundy. Jak jsme to udělali? Do naší zápatí jsme přidali dynamickou sekci, která se načte, pouze když uživatel posouvá celou cestu k tomuto bodu. Posuňte se úplně dolů do dolní části naší stránky v prohlížeči (ne v mobilu, aplikaci nebo tabletu) a uvidíte převzetí načítajícího obrázku:

zatížení

S využitím jQuery ve skutečnosti nenačítáme základ stránky, dokud se tam někdo neposune. Kód je vlastně docela jednoduchý:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). délka <200) {$ ("# doplňkové"). load ('[úplná cesta stránky k načtení]');}}});

Jakmile uživatel přejde na základnu stránky, jQuery go extrahuje obsah stránky zadané cesty a načte je do div, který jste vybrali.

I když web již neprospívá obsahu, který se tam načítá (protože jej vyhledávač neprochází), jsme si docela jisti, že rychlost stránky pomůže našemu hodnocení, sdílení a zapojení mnohem víc, než mít někoho netrpělivě čekat, až se naše stránka načte nesnesitelně pomalu. Nejlepší ze všeho je, že stránka stále obsahuje všechny prvky, se kterými se chceme spojit s našimi návštěvníky ... aniž bychom obětovali rychlost stránky.

Stále máme co dělat ... ale už se tam dostáváme!

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.