Javítsa webhelye betöltési sebességét 2020-ig
Egy webhely forgalma különösen annak SEO-jától és elkerülhetetlenül a SEO-tól függ. Ez utóbbi különösen javítható a webhely betöltési sebességétől függően: a Google robotjai észrevették, ez a felhasználói élmény szempontjából is szükséges, így csak jó okok vannak a sebesség javítására.
De hogyan lehet optimalizálni a webhely betöltési sebességét ?
Miért befolyásolhatja a betöltési sebesség SEO-ját a Google-on? ?
A weboldal betöltési sebessége valóban az egyik feltétel, amely nem SEO szempont. A weboldalak rangsorolásához a keresőmotor eredményei között az utóbbi számítógépes robotokat használ az egész internet feltérképezéséhez. Minél gyorsabban töltődik be egy oldal, annál gyorsabban férhetnek hozzá a robotok, kiszorítva ezzel a lassabb webhelyeket a keresett információval. Nyilvánvaló, hogy minél gyorsabban töltődik be egy oldal, annál inkább felsorolják a híres robotok, és annál jobban kiemelik a keresőmotor által megjelenített eredmények között. Mint egy versenyen, a leggyorsabb helyek is jobban teljesítenek, mint a lassabb helyek.
Ehhez tedd hozzá az internet-felhasználók által feltöltött oldalak maximális várakozási ideje 3 másodperc; ezen túl a felhasználó bezárja a lapot egy másik gyorsabb oldal javára. Minél többet néznek meg egy oldalt, annál magasabbra kerül a keresési eredmények között.
Ezenkívül feltétlenül szükséges optimalizálni webhelye betöltési sebességét: hogy a keresőmotor robotjai helyesen észrevegyék őket, és hogy az internet-felhasználók konzultáljanak velük, akik maguk is hozzájárulnak a webhely megfelelő hivatkozásához.
Hogyan javíthatja webhelye teljesítményét ?
Tömörítse a képeket, hogy azok kevésbé nehezek legyenek
Az az elem, amely a legtöbb időt tölt be egy weboldalra, nem a szöveg, hanem általában a képek. Emellett rendkívül fontos, hogy csökkentse a kép méretét amelyet a minőség drámai csökkentése nélkül használ az oldal betöltéséhez szükséges idő csökkentése érdekében. Minél nehezebb egy kép, annál hosszabb a betöltési idő.
Vigyázzon azonban arra, hogy a kép tömörítése gyakran együtt jár a minőség romlásával, ezért fontos, hogy körültekintően járjon el a képek feldolgozása során. Két fő képformátum létezik: JPEG és PNG. A JPEG formátum a legismertebb és a legrégebbi, szinte minden webhelyen használható, és minden böngésző olvashatja. Kiváló minőséget mutat a színek visszaadásához képest, ezért előnyben részesítik például a fényképek esetében. Ha azonban átlátszóságot vagy szöveges effektusokat szeretne beépíteni, akkor inkább a PNG-t részesítse előnyben, amelynek fejlettebb grafikai tulajdonságai vannak. Másrészt a PNG nem fogadja el jól a tömörítést, és minősége gyorsan romlik, összehasonlítva a JPEG-kel, amely arányosan jobban tömöríthető, mint a PNG.
Röviden: a kiváló minőségű fényképekért inkább a JPEG-t részesítse előnyben; és további grafikus képekhez, amelyekkel dolgozni szeretne (infografikák, mémek, üdvözlőkártyák ... használja a PNG-t). A tömörítéshez azonban inkább a JPEG formátumot részesítse előnyben.
A WebP formátum közben az óriás Google indította útjára több évvel ezelőtt. Nagy előnye: kiváló minősége és kis mérete. Könnyen összenyomható és alig romlik. Azonban nem minden böngésző olvassa el, és a fő grafikus szoftveren sem érhető el (kivéve a plugin telepítését).
A képek tömörítéséhez a natív módon elérhető Photo PC PC-n vagy Előnézet a MAC-on csökkentheti az utóbbiak méretét, sőt megváltoztathatja a formátumot is. Ha kapacitásuk nem elegendő, nagyon jó online szoftverek találhatók, például a The Gimp vagy a Kraken.
Csökkentse a kódot
Függetlenül attól, hogy az oldalát JavaScript-ben, HTML-ben vagy CSS-ben kódolta-e, fontos megjegyezni, hogy kódja szintén fontos helyet foglal el webhelye betöltési idejében. Sőt, mielőtt egy oldalt olvasási verzióban jelenítenék meg, a böngészőnek el kell olvasnia azt szöveges formátumban, és ezért böngésznie kell a kódot. Minél hosszabb, annál hosszabb ideig tart az oldal betöltése.
Ezért fontos, hogy tömörítse a kódot az oldal betöltési idejének csökkentése érdekében. A kód kicsinyítése a szóközök, a sortörések és az elválasztók kiküszöbölésének felel meg, amelyeket a fejlesztő esetleg beillesztett, hogy könnyebben el tudja olvasni a kódját, és hogy könnyebben megérthesse egy másik fejlesztő számára, aki átmegy rajta.
Minimalizálja a HTTP-kéréseket és -irányításokat, és rangsorolja a betöltendő tartalmat
A weboldal sok elemből áll, amelyek nem mindig láthatók a felhasználó számára, mindazonáltal mindegyikhez HTML-kérelemre van szükség, ezért olvasásra van szükség, ami jelenlétével megnöveli az említett oldal betöltési idejét. Ezek a dolgok némelyike felhasználói élmény szempontjából láthatatlan és felesleges. Ezenkívül jó megszüntetni őket annak érdekében csökkentse a kérések számát valamint a betöltési idő.
Ehhez ellenőrizze a weboldalát, és gondosan ellenőrizze az egyes fájlokat, hogy szükség van-e rá vagy sem.
Fontolja meg prioritásként a betöltendő tartalmat is. Használhatja a feltételes kódot úgy, hogy csak azokat az elemeket töltse be, amelyeket a felhasználó kért. Például nincs értelme betölteni egy legördülő menü tartalmát, amelyre nem kattint, vagy be kell tölteni a képeket az oldal aljára, ha nem görget. Ezt hívjuk lusta betöltésnek. A lusta betöltéshez egyszerűen keresse meg a használt szoftverhez tartozó plugint.
Ne felejtse el elhelyezni szkriptjeit a vízvezetékek, így csak akkor olvassák el őket, ha a tartalom egy része már betöltődött, és a felhasználó kevesebbet vár, növelve ezzel az esélyét, hogy az oldalon maradjon.