Tippek a webhely sebességének javításához / hogyan lehet felgyorsítani a webhelyeket

hogyan tudják a fejlesztők elérni, hogy webhelyeik gyorsabban töltődjenek be?

a webhelysebesség hatalmas hatással van a felhasználói élményre, a SEO-ra és a konverziós arányokra. A webhely teljesítményének javítása elengedhetetlen a webhely forgalmának vonzásához és a webhely látogatóinak elkötelezettségének megőrzéséhez. Itt áttekintjük azokat a lépéseket, amelyeket a fejlesztők megtehetnek a weboldal gyorsabbá tétele érdekében:

tesztelje a weboldal teljesítményét

a weboldal sebességtesztjei felmérik a weboldal teljesítményét. A webhely rendszeres tesztelése segíthet a fejlesztőknek a teljesítménycsökkentések vagy fejlesztések nyomon követésében. A sebességtesztnek segítenie kell a fejlesztőket abban is, hogy azonosítsák a webhely teljesítményét lassító területek egy részét vagy egészét, valamint hogy hol vannak a fejlesztendő területek.

rengeteg kiváló minőségű helyszíni sebességteszt van a teljesítmény mérésére, sok közülük ingyenes. WebPageTest.org (amely Partnerei Cloudflare) több ingyenes tesztek és termel részletes bontást, hogy milyen gyorsan egyes elemei egy oldal betöltése. Weblapteszt.az org lehetővé teszi a fejlesztők számára, hogy teszteljék a webhelyeket különböző eszközökre és hálózati kapcsolat sebességére.

a Google PageSpeed Insights-ot is kínál a részletes teljesítményteszteléshez. A Google Chrome DevTools szintén segíthet a fejlesztőknek webhelyük teljesítményének felmérésében; a hálózat fül mutatja az összes HTTP-kérést, a kért eszközök méretét, valamint azt, hogy mennyi időbe telik a kérelmek teljesítése.

használjon CDN-t (content delivery network)

a CDN-k növelik a webhelyek sebességét azáltal, hogy a tartalmat a világ több pontján gyorsítótárazzák. A CDN gyorsítótárazó szerverek általában közelebb vannak a végfelhasználókhoz, mint a gazdagép vagy az origin szerver. A tartalomkérelmek a CDN-kiszolgálóra mennek, nem pedig a tárhelyszerverre, amely a felhasználótól több ezer mérföldre és több autonóm hálózaton keresztül terjedhet. A CDN használata az oldal betöltési idejének jelentős csökkenését eredményezheti.

képek optimalizálása

a képek az internetes forgalom nagy százalékát teszik ki, és gyakran a leghosszabb ideig töltődnek be egy weboldalon, mivel a képfájlok általában nagyobbak, mint a HTML és a CSS fájlok. Szerencsére a kép betöltési ideje csökkenthető a kép optimalizálásával. A képek optimalizálása általában magában foglalja a felbontás csökkentését, a fájlok tömörítését és méreteik csökkentését, és számos Képoptimalizáló és képkompresszor ingyenesen elérhető online.

CSS és JavaScript fájlok kicsinyítése

a kód kicsinyítése azt jelenti, hogy eltávolítunk mindent, amire a számítógépnek nincs szüksége a kód megértéséhez és végrehajtásához, beleértve a kódmegjegyzéseket, a szóközöket és a felesleges pontosvesszőket. Ezáltal a CSS és JavaScript fájlok valamivel kisebbek, így gyorsabban töltődnek be a böngészőben, és kevesebb sávszélességet foglalnak el. Önmagában a minifikáció csak minimális sebességjavulást eredményez. Ezen egyéb tippekkel együtt megvalósítva azonban jobb weboldal teljesítményt eredményez.

csökkentse a HTTP-kérések számát, ha lehetséges

a legtöbb weboldalhoz a böngészőknek több HTTP-kérést kell benyújtaniuk az oldal különböző elemeihez, beleértve a képeket, szkripteket és CSS fájlokat. Valójában sok weboldal több tucat ilyen kérést igényel. Minden kérés oda-vissza utat eredményez az erőforrást tároló szerverhez, amely hozzáadhatja a weboldal teljes betöltési idejét. Ezenkívül több különböző szolgáltatótól betöltött erőforrások esetén az egyik gazdagép problémája befolyásolhatja a weboldal gyors betöltési képességét, vagy egyáltalán.

ezen lehetséges problémák miatt az egyes oldalak betöltéséhez szükséges eszközök teljes számát minimálisra kell csökkenteni. A sebességtesztnek segítenie kell annak azonosítását is, hogy mely HTTP-kérések veszik a legtöbb időt. Például, ha a képek miatt az oldal lassan töltődik be, a fejlesztők gyorsabb képtárolási megoldást (például CDN-t) kereshetnek.

böngésző használata HTTP gyorsítótár

a böngésző gyorsítótára egy ideiglenes tárolóhely, ahol a böngészők statikus fájlok másolatait mentik, így sokkal gyorsabban tölthetik be a nemrégiben meglátogatott weboldalakat, ahelyett, hogy újra és újra ugyanazt a tartalmat kellene kérniük. A fejlesztők utasíthatják a böngészőket egy olyan weboldal elemeinek gyorsítótárazására, amelyek nem változnak gyakran. A böngésző gyorsítótárazására vonatkozó utasítások a tárhely szerver HTTP-válaszainak fejlécében találhatók. Ez nagymértékben csökkenti a szervernek a böngészőbe történő átviteléhez szükséges adatmennyiséget, lerövidítve a betöltési időt azoknak a felhasználóknak, akik gyakran látogatnak bizonyos oldalakat.

minimalizálja a külső szkriptek felvételét

minden máshonnan betöltött szkriptelt weboldal elemet, például külső kommentáló rendszereket, CTA gombokat vagy lead-generációs felugró ablakokat, minden oldal betöltésekor be kell tölteni. A szkript méretétől függően ezek lelassíthatják a weboldalt, vagy azt okozhatják, hogy a weboldal nem töltődik be egyszerre (ezt ‘tartalomugrásnak’ vagy ‘elrendezésváltásnak’ nevezik, és különösen frusztráló lehet a mobil felhasználók számára).

ne használjon átirányításokat, ha lehetséges

az átirányítás az, amikor egy weboldal látogatóit egy másik oldalra továbbítják. Az átirányítások néhány másodperc törtrészét, vagy néha egész másodpercet adnak az oldal betöltési idejéhez. Teljesítményre optimalizált weboldal készítésekor minden másodperc számít. Az átirányítások néha elkerülhetetlenek, de nem szabad őket használni, ha nem szükséges.