Hogyan csökkentjük az oldal betöltési idejét 10 másodperccel

Úgy tűnik, hogy a gyorsaság és a közösségi oldal nem működik együtt, ha egy nagyszerű weboldalról van szó. Áttelepítettük webhelyünket lendkerék (affiliate link), és ez nagymértékben javította webhelyünk teljesítményét és stabilitását. De az oldalunk kialakítása - egy kövér lábléccel, amely elősegítette társadalmi tevékenységünket a Facebookon, a Twitteren, a Youtube-on és a Podcast-on - lelassította az oldalunkat a feltérképezésig.

Rossz volt. Míg egy nagyszerű oldal legfeljebb 2 másodperc alatt töltődik be, webhelyünk 10 másodpercet vett igénybe egy oldal elkészüléséig. A probléma nem a WordPress vagy a Flywheel volt, a probléma az összes interaktív elem volt, amelyet más szolgáltatásokból töltöttünk be ... Facebook és Twitter modulok, Youtube előnézeti képek, Podcast alkalmazásunk, egyszerűen nem tudtam ellenőrizni, hogy milyen lassan töltődnek be. Mostanáig.

Most már észreveszi, hogy az oldalaink körülbelül 2 másodperc alatt betöltődnek. Hogyan csináltuk? Hozzáadtunk egy dinamikus részt a láblécünkhöz, amely csak akkor töltődik be, amikor a felhasználó egészen addig a ponthoz görget. Görgessen egészen az oldalunk aljáig egy böngészőben (nem mobil, alkalmazás vagy táblagép), és látni fogja, hogy egy betöltő kép átveszi:

kiszámításának

A jQuery használatával addig nem töltjük be az oldal alját, amíg valaki nem görget oda. A kód valójában meglehetősen egyszerű:

$ (ablak). scroll (function () {if (jQuery (dokumentum) .height () == jQuery (ablak) .scrollTop () + jQuery (ablak) .height ()) {if ($ ("# placetoload" ) .text (). hossz <200) {$ ("# kiegészítő"). betöltés ('[a betöltendő oldal teljes elérési útja]');}}});

Miután a felhasználó az oldal aljára görget, a jQuery go kivonja a megadott elérési út oldal tartalmát, és betölti azokat a kiválasztott div-be.

Bár a webhelynek már nincs előnye az ott betöltött tartalomból (mivel a kereső nem feltérképezi), abban a tekintetben, hogy az oldal sebessége sokkal jobban segíti a rangsorolást, a megosztást és az elkötelezettséget, mint ha valaki türelmetlenül várja meg, amíg az oldalunk gyötrelmesen lassan töltődik be. A legjobb az egészben, hogy az oldal még mindig tartalmaz minden elemet, amelyet kapcsolatba akarunk hozni látogatóinkkal ... anélkül, hogy feláldoznánk az oldal sebességét.

Még mindig van egy kis munkánk, de elérjük!

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.