Betöltési sebesség, miért és hogyan lehetne javítani a Genious Interactive-ot
Szerző
Kategóriák
Összegzés
A a webhely teljesítménye mindig is alapvető kritérium volt a forgalom növelése és a felhasználói élmény javítása érdekében. Ez azonban még fontosabbá vált, mivel a betöltési sebességet figyelembe veszik a keresőmotorokban való pozícionálás során. A Genious Interactive elmagyarázza, miért kell fejlesztenie rakodási sebesség és hogyan lehet elérni.
Miért kell javítani a webhely betöltési sebességét ?
Javítsa a látogatók megtartását
A rakodási sebesség az első benyomás a látogató számára. Abban az időben, amikor mindennek pillanatnyinak kell lennie, még mobilon is, a felhasználó nem vár tovább. Ha webhelyének betöltése túl sokáig tart, valószínűleg elhagyja az oldalt, hogy visszatérjen a kereséshez, ami növeli a webhelyet visszapattanási arány*. Tanulmányok kimutatták, hogy a felhasználók 47% -a arra számít, hogy egy oldal kevesebb, mint 2 másodperc alatt betöltődik, és az internetezők 40% -a bezár egy oldalt, ha annak megjelenítéséhez több mint 3 másodperc szükséges. A betöltési idő csökkentése elősegíti a felhasználó hosszabb megtartását,növelje a konverziók számát (vásárlások, regisztrációk), és pozitív képet ad a márkájáról. Így a látogató hajlandóbb lesz visszatérni az Ön oldalaira.
* azoknak a felhasználóknak a százaléka, akik belépnek egy weboldalra, majd más oldalak megtekintése nélkül hagyják el a webhelyet
Fejlessze SEO-ját
2010 óta a Google figyelembe veszi a betöltési sebességet SEO rangsor. Az internetes óriás tehát elősegíti a gyorsan betölthető és megjeleníthető webhelyek hivatkozását. Ezzel szemben a hosszú betöltési idő elveszíti a láthatóságot. Az Ön webhelye az lesz büntetik a SEO-ban és nagyon visszatartó erejű "Red Slow Label" -t kaphatnak a keresőkben.
Hogyan lehet mérni a rakodási sebességet? Milyen eszközökkel ?
A változtatások megkezdése előtt meg kell tesztelje a rakodási sebességét és a versenytársaké annak érdekében, hogy megtudja, lassú-e a webhelye, és hogy kitűzze-e az elérendő célt.
Számos online eszköz létezik mérje meg a webhely sebességét (Google PageSpeed, GT Metrix, Webpagetest, Pingdom, Yslow (Chrome kiterjesztés), Firebug (Firefox kiterjesztés)). A megbízhatóbb eredmények elérése érdekében ajánlatos többet használni.
Ezek az eszközök olyan teljesítménymutatókat (vagy KPI-ket) nyújtanak Önnek, mint például:
• TTBF (Time to First Byte), a szerver által az első válasz elküldéséhez szükséges idő,
• Start Render: a pixel megjelenítésének ideje a képernyőn,
• Teljesen betöltött idő: az egész oldal és annak elemei betöltésének ideje,
• Bájtbemenet: az adatmennyiség, amelyet a böngészőnek be kell szereznie az oldal teljes megjelenítéséhez.
Figyelem ! Az online eszközök időt adnak az oldal kódjának betöltésére. Figyelembe kell vennie a felhasználó sebességét, a késést (a szerver és a böngésző közötti átviteli időt) és a mobil kapcsolatot is, hogy megismerje a felhasználó által ténylegesen észlelt sebességet. A Webpagetest eszköz lehetővé teszi tesztelje webhelye sebességét a böngésző, a hely, az internetkapcsolat és még sok más lehetőség kiválasztásával.
Hogyan javíthatja webhelye betöltési sebességét ?
Sok tényező lehet a webhely lassúságának forrása: túl nagy kép- és kódfájlok, gyenge szerver teljesítmény, alkalmatlan webtárhely stb. Íme a tippjeink az oldalak betöltési idejének csökkentésére.
Optimalizálja képeit az internethez
A képek súlya az egyik fő oka a lassúságnak egy weboldalon. Mielőtt képet közzétesz az interneten, fontolja meg:
• Ellenőrizze, hogy felbontása 72 dpi (pixel/hüvelyk), vagy válassza a "Mentés az internetre" lehetőséget a képszerkesztő szoftverben (Photoshop vagy Gimp),
• Válasszon egy web-kompatibilis képformátumot: JPEG fényképekhez, PNG átlátszó effektekhez, GIF animációkhoz,
• Csökkentse a kép méretét, lehetőleg CMS-sel (indexképek automatikus előállítása), szoftverrel vagy online eszközzel, és ne a CSS-kód segítségével a jobb minőség érdekében,
• Tömörítse a képet olyan online eszközök segítségével, mint a Compressor, az ezGif, a TinyPNG, az Image Optim, vagy WordPress webhely esetén olyan beépülő modulok telepítésével, mint az Image Optimizer, az Imagify, a Smush.
Ideális esetben egy webkép súlya 50 és 500 KB között van.
Egy másik megoldás rövidebb betöltési időre, amikor el akarja kezdeni a webhely kialakítását: használja a CSS Sprites, amely abból áll, hogy több képet egybe gyűjt, és csak a megjelenítendő területet választja ki.
Ha az oldalai sok képet tartalmaznak, akkor a aszinkron terhelés (Lusta töltés), hogy csak akkor jelenítsék meg őket, ha láthatóak a képernyőn. Paradox módon a Lazy Loading használata nem ajánlott a SEO számára, mivel nem minden keresőmotor képes végrehajtani a JavaScript kódokat.
Csökkentse a kódfájlok méretét
Ha a lassúság nem kapcsolódik a képek súlyához, akkor a kódja lehet az oka. Itt van 3 lépés könnyítsen a HTML, CSS és JS fájlokon.