10 sekundžių sutrumpiname puslapio įkėlimo laiką

Atrodo, kad greitis ir socialumas tiesiog neveikia kartu, kai kalbama apie puikią svetainę. Mes perėjome savo svetainę į smagratis (filialo nuoroda) ir tai žymiai pagerino mūsų svetainės našumą ir stabilumą. Tačiau mūsų svetainės dizainas - naudodamas riebią poraštę, kuri reklamavo mūsų socialinę veiklą „Facebook“, „Twitter“, „Youtube“ ir mūsų tinklalaidėje, sulėtino mūsų svetainę.

Tai buvo blogai. Nors puikus puslapis įkeliamas per 2 sekundes ar mažiau, mūsų svetainė užtruko daugiau nei 10 sekundžių, kol puslapis buvo baigtas. Problema buvo ne „WordPress“ ar „Smagratis“, o visi interaktyvūs elementai, kuriuos įkėlėme iš kitų paslaugų ... „Facebook“ ir „Twitter“ valdikliai, „Youtube“ peržiūros vaizdai, mūsų „Podcast“ programa, aš paprasčiausiai negalėjau kontroliuoti, kaip lėtai jie buvo įkeliami. Iki dabar.

Dabar pastebėsite, kad mūsų puslapiai įkeliami maždaug per 2 sekundes. Kaip mes tai padarėme? Prie poraštės pridėjome dinamišką skyrių, kuris įkeliamas tik tada, kai vartotojas slenka iki to taško. Naršyklėje (ne mobiliajame įrenginyje, programoje ar planšetiniame kompiuteryje) slinkite iki pat puslapio pabaigos ir pamatysite, kad kraunamas vaizdas perima:

įkelti

Naudodamiesi „jQuery“, mes iš tikrųjų neįkeliame puslapio pagrindo, kol kas nors ten neslinko. Kodas iš tikrųjų yra gana paprastas:

$ (langas) .scroll (funkcija () {if (jQuery (dokumentas) .height () == jQuery (langas) .scrollTop () + jQuery (langas) .height ()) {if ($ ("# placetoload" ) .text (). ilgis <200) {$ ("# papildomas"). įkelkite ('[visas įkeliamo puslapio kelias]');}}});

Kai vartotojas slenka prie puslapio pagrindo, „jQuery go“ ištraukia nurodyto kelio puslapio turinį ir įkelia jį į pasirinktą div.

Nors svetainė nebeturi naudos iš ten įkelto turinio (nes paieškos variklis jo netikrina), esame visiškai įsitikinę, kad puslapio greitis padės mūsų reitingą, dalijimąsi ir įsitraukimą labiau nei turėti ką nors nekantriai laukiame, kol mūsų puslapis bus įkeltas nepakeliamai lėtai. Geriausia, kad puslapyje vis dar yra visi elementai, kuriuos norime įtraukti į savo lankytojus ... neprarandant puslapio greičio.

Mes vis dar turime šiek tiek padirbėti ... bet mes ten einame!

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.