Kako smanjimo vrijeme učitavanja stranice za 10 sekundi

Izgleda da brzina i društvena mreža ne funkcioniraju zajedno kada je u pitanju sjajna web lokacija. Mi smo preselili našu stranicu na zamašnjak (pridruženi link) i znatno je poboljšao performanse i stabilnost naše stranice. Ali dizajn naše stranice - s debelim podnožjem koji je promovirao našu društvenu aktivnost na Facebooku, Twitteru, Youtubeu i našem Podcast-u - usporio je našu stranicu na indeksiranje.

Bilo je loše. Iako se sjajna stranica učitava za 2 sekunde ili manje, našoj web stranici je trebalo više od 10 sekundi da se stranica završi. Problem nisu bili WordPress ili Zamajac, problem su bili svi interaktivni elementi koje smo učitali iz drugih usluga ... Dodaci za Facebook i Twitter, slike YouTube pregleda, naša aplikacija Podcast, jednostavno nisam mogao kontrolirati koliko se sporo učitavaju. Do sada.

Sad ćete primijetiti da se naše stranice učitavaju za oko 2 sekunde. Kako smo to uspjeli? U podnožje smo dodali dinamički odjeljak koji se učitava samo kada se korisnik pomakne skroz do te točke. Pomaknite se do dna naše stranice u pregledniku (ne za mobilne uređaje, aplikacije ili tablete) i vidjet ćete kako slika za učitavanje preuzima:

opterećenje

Koristeći jQuery, zapravo ne učitavamo bazu stranice dok se netko tamo ne pomakne. Kôd je zapravo vrlo jednostavan:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# Additional"). load ('[puni put stranice do učitavanja]');}}});

Jednom kada se korisnik pomakne do baze stranice, jQuery go izdvaja sadržaj stranice navedene staze i učitava ih u div koji ste odabrali.

Iako web lokacija više nema koristi od sadržaja koji se tamo učitava (jer ga pretraživač ne indeksira), sasvim smo sigurni da će brzina stranice mnogo više pomoći našem rangiranju, dijeljenju i angažmanu nego da neko ima nekoga nestrpljivo pričekajte da se naša stranica učitava mučno sporo. Najbolje od svega je što stranica i dalje sadrži sve elemente koje želimo uspostaviti s našim posjetiteljima ... bez žrtvovanja brzine stranice.

Još imamo posla ... ali stižemo tamo!

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.