Kako skrajšamo čas nalaganja strani za 10 sekund

Zdi se, da hitrost in druženje preprosto ne delujeta, ko gre za odlično spletno mesto. Naše spletno mesto smo preselili na vztrajnik (partnerska povezava) in je močno izboljšal delovanje in stabilnost našega spletnega mesta. Toda zasnova našega spletnega mesta - z debelo nogo, ki je spodbujala našo družabno dejavnost na Facebooku, Twitterju, Youtube in v našem Podcastu - je upočasnila naše spletno mesto.

Bilo je slabo. Medtem ko se odlična stran naloži v 2 sekundah ali manj, je naše spletno mesto trajalo več kot 10 sekund, da se je stran dokončala. Težava ni bila v WordPressu ali Vztrajniku, težava je bila v vseh interaktivnih elementih, ki smo jih naložili iz drugih storitev ... Pripomočki Facebook in Twitter, slike za predogled Youtube, naša aplikacija Podcast, enostavno nisem mogel nadzorovati, kako počasi so se nalagali. Do zdaj.

Zdaj boste opazili, da se naše strani naložijo v približno 2 sekundah. Kako smo to storili? V nogo smo dodali dinamični razdelek, ki se naloži šele, ko se uporabnik pomakne do te točke. V brskalniku (ne v mobilnih napravah, aplikacijah ali tabličnih računalnikih) se pomaknite do konca naše strani in videli boste, da prevzame nalagalna slika:

obremenitev

Z uporabo jQueryja dejansko ne naložimo dna strani, dokler se nekdo ne pomakne tja. Koda je pravzaprav precej preprosta:

$ (window) .scroll (function () {if (jQuery (dokument) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). dolžina <200) {$ ("# dopolnilna"). load ('[celotna pot strani do nalaganja]');}}});

Ko se uporabnik pomakne na dno strani, jQuery go izvleče vsebino strani določene poti in jih naloži v div, ki ste ga izbrali.

Medtem ko spletno mesto nima več koristi od vsebine, ki je tam naložena (ker iskalnik po njej ne plazi), smo povsem prepričani, da bo hitrost strani veliko bolj pomagala pri uvrstitvi, izmenjavi in ​​sodelovanju, kot če bi nekoga nestrpno čakajte, da se naša stran nalaga strašno počasi. Najboljše od vsega je, da ima stran še vedno vse elemente, s katerimi želimo sodelovati z našimi obiskovalci ... ne da bi pri tem žrtvovali hitrost strani.

Čaka nas še nekaj dela ... toda že pridemo!

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.