Kako smanjimo vrijeme učitavanja stranice za 10 sekundi

Čini se da brzina i društvena mreža jednostavno ne rade zajedno kada je u pitanju izvrsna web stranica. Mi smo preselili našu web stranicu na zamašnjak (pridruženi link) i znatno je poboljšao performanse i stabilnost naše stranice. No, dizajn naše web stranice - s masnim podnožjem koja je promovirala našu društvenu aktivnost na Facebooku, Twitteru, Youtubeu i našem Podcastu - usporio je našu stranicu na indeksiranje.

Bilo je loše. Iako se sjajna stranica učitava za 2 sekunde ili manje, našoj je web stranici trebalo više od 10 sekundi da dovrši stranicu. Problem nisu bili WordPress ili Zamašnjak, problem su bili svi interaktivni elementi koje smo učitali iz drugih usluga ... Dodaci za Facebook i Twitter, slike s 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 mobitele, aplikacije ili tablete) i vidjet ćete kako slika za učitavanje preuzima:

teret

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 mjesto više nema koristi od sadržaja koji se tamo učitava (jer ga tražilica ne indeksira), sasvim smo sigurni da će brzina stranice mnogo više pomoći našem rangiranju, dijeljenju i angažmanu nego nekome nestrpljivo čekaj 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.

Imamo još posla ... ali stižemo tamo!

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.