Kuinka lyhennämme sivun latausaikaa 10 sekunnilla

Nopeus ja sosiaalinen toiminta eivät vain näytä toimivan yhdessä, kun kyse on upeasta verkkosivustosta. Muutimme sivustomme vauhtipyörä (tytäryhtiölinkki) ja se paransi huomattavasti sivustomme suorituskykyä ja vakautta. Mutta sivustomme suunnittelu - rasvaisella alatunnisteella, joka edisti sosiaalista aktiivisuuttamme Facebookissa, Twitterissä, Youtubessa ja Podcastissa - hidasti sivustoamme indeksointiin.

Se oli pahaa. Vaikka upea sivu latautuu 2 sekunnissa tai vähemmän, sivustollemme kului yli 10 sekuntia sivun valmistumiseen. Ongelma ei ollut WordPress tai Vauhtipyörä, ongelma oli kaikki interaktiiviset elementit, jotka ladasimme muista palveluista ... Facebook- ja Twitter-widgetit, Youtube-esikatselukuvat, Podcast-sovelluksemme, en yksinkertaisesti voinut hallita kuinka hitaasti ne ladattiin. Tähän asti.

Huomaat nyt, että sivumme latautuvat noin 2 sekunnissa. Kuinka teimme sen? Lisäsimme alatunnisteeseemme dynaamisen osan, joka latautuu vain, kun käyttäjä vierittää aina siihen pisteeseen. Selaa selaimen (ei mobiililaitteen, sovelluksen tai tabletin) sivumme loppuun ja näet lataavan kuvan ottavan:

kuormitus

JQueryä hyödyntämällä emme todellakaan lataa sivun alaosaa, ennen kuin joku vierittää sitä. Koodi on itse asiassa melko yksinkertainen:

$ (ikkuna). vieritä (funktio () {if (jQuery (asiakirja) .height () == jQuery (ikkuna) .scrollTop () + jQuery (ikkuna) .height ()) {if ($ ("# placetoload" ) .text (). pituus <200) {$ ("# täydentävä"). load ('[ladattavan sivun koko polku]');}}});

Kun käyttäjä vierittää sivun alareunaan, jQuery go poimii määritetyn polun sivun sisällön ja lataa ne valitsemallesi div: lle.

Vaikka sivusto ei enää hyöty sinne ladatusta sisällöstä (koska hakukone ei indeksoi sitä), olemme melko varmoja siitä, että sivun nopeus auttaa sijoitustamme, jakamistamme ja sitoutumistamme paljon enemmän kuin jonkun saaminen odota kärsimättömästi, että sivumme latautuu tuskallisen hitaasti. Mikä parasta, sivulla on edelleen kaikki elementit, jotka haluamme olla yhteydessä kävijöihimme ... uhraamatta sivun nopeutta.

Meillä on vielä töitä ... mutta pääsemme sinne!

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.