Az év elejét egy olyan témával kezdjük, amely a múltban fontos volt, és a jövőben is elengedhetetlen lesz: a webhely sebesség optimalizálása. A webhely teljesítménye és betöltési ideje jelentős mértékben befolyásolja az eladásokat.
Fel szeretnénk hívni a figyelmet arra, hogy 2018. november óta megváltozott a webhelyfejlesztés folyamata. Eddig a sebesség optimalizálás többnyire általános folyamat volt, a legtöbb webhely hasonló problémákkal küzdött, amelyek megakadályozták a webhely teljes kihasználását, például képgenerálás, alacsony szerverkapacitás stb. Az új Google-sebesség követelményekkel webhelyed elveszítheti helyét a keresési találatok között. Eddig a követelmények a webhelyoptimalizálás tekintetében általános iskolai szinten voltak, de most középiskolai szintre emelték őket.
Ahogy te is tudod, a Google számos eszközt biztosított a webhely teljesítményének megértéséhez. Első pillantásra ez jó ötletnek tűnt, de később rájöttek, hogy a sokféle eszköz, mindegyik eltérő javaslatokkal, csak zavart okoz a felhasználóknak.
A Google úgy döntött, hogy eloszlatja a félreértéseket, és 2018 novemberében a Google Page Speed Insights jelentős frissítést kapott. Eddig a PageSpeed Insights eszköz asztali és mobileszközökön egyaránt elemezte az oldal teljesítményét, és ajánlásokat adott az oldal fejlesztésére.
A Lighthouse korábban is nyílt forráskódú eszköz volt, amely személyre szabott tanácsokat adott webhelyed teljesítményének, hozzáférhetőségének és egyéb gyakorlatainak javításához. November óta a PageSpeed Insights a Lighthouse-ot használja elemző motorként. Ezzel a frissítéssel a Google csökkentette a bizonytalanságot, és számos új ajánlást is kínál a webhely sebességének javítására. Ez azt jelenti, hogy a Google már nem csak az alapján értékeli webhelyedet, hogy mit tehet annak fejlesztése érdekében, hanem a teljesítménye alapján is értékeli.
Milyen információt szolgáltat a PageSpeed Insights az újítás óta?
Lab Data.
A PageSpeed Insights a Lighthouse segítségével szimulálja, hogyan tölt be egy oldalt egy mobil eszköz. A folyamat befejezése után összesíti a teljesítmény értékeket, és 0 és 100 közötti pontszámot ad a webhely teljesítményére. A pontszámokat három szintre csoportosítják: 90 vagy magasabb: Gyors; 50-90: Közepes; 50 alatt: Lassú.
Field Data.
Az adatok a Chrome felhasználói élmény jelentésének egy olyan verzióján alapulnak, amelyet naponta frissítenek. Az itt található értékek eltérhetnek a Lab Data szekció értékeitől, mivel a Chrome-felhasználók által használt valós hálózat széles körű körülményeit és eszközeit tükrözik.
Lehetőségek.
A PageSpeed Insights javaslatai az oldal teljesítményének javítására és a betöltési sebesség növelésére.
Diagnosztika.
További információt nyújt arról, hogy az oldal hogyan felel meg a webhelyfejlesztés bevált gyakorlatainak.
Átvett ellenőrzések.
Jelzi az oldal által elvégzett ellenőrzéseket.Teszteld webhelyed a PageSpeed Insights segítségével, és tudd meg, hogyan lát téged a Google! A teszt eredménye nemcsak a webhely teljesítményére, hanem annak minőségére is vonatkozik.
Íme a Pagespeed Insights néhány ajánlása, amelyek a moduljaink bevezetésével megoldhatók.
Google WebP képgenerátor modul
Miután lefuttatsz egy tesztet a webhelyen, és megjelenik a következő ajánlás szükséged lesz a WebP Image generátor modulra.
A "Google WebP Image Generator" modul telepítése révén képes leszel újragenerálni a weboldal képeit a Google által javasolt WebP formátumban. Ezen modul használatával a generált képek mérete akár 30%-kal is csökkenhet, miközben a minőségük megmarad.
A PrestaShop webhelyéhez tartozó WebP képgenerátor használatával jelentősen javíthatod webhelyed sebességét, miközben a képek megőrzik eredeti minőségüket.
A modul kiemelkedő veszteségmentes tömörítést biztosít a webhelyed képeihez, és ajánlott a webáruház felgyorsításához. Sokkal hatékonyabb, mint a PrestaShop alapértelmezett képgenerátorával dolgozni, hibamentes, és a teljes folyamat előrehaladását nyomon követheted.
Ezzel a modullal történő képgenerálás felszabadítja a helyet a szerveren, és a webhelyed oldalainak betöltése gyorsabb lesz. A Google értékelni fogja a modul által generált képeket, és jobb helyezést érhet el webáruházad a Google keresőmotorokban.
Progressive Web App modul
Ha ez az említés megjelenik, akkor mindenképpen szüksége lesz a Progressive Web App modulra.
A modul megoldást kínál a weboldalak gyorsabb betöltésére. Lehetővé teszi webhelyed elérését még akkor is, ha a felhasználónak lassú internetkapcsolata van, vagy akár akkor is, ha nincs internetkapcsolata. A PWA-k ötvözik a web rugalmasságát a natív alkalmazások felhasználói élményével. Mint látható, ezt a modult még a Google is ajánlja, és fontos tényező a Google keresőoldali rangsorolás szempontjából
Ha ez a modul be van építve, a teljesítmény általában jobb lesz, és a felhasználóknak lehetőségük lesz arra is, hogy ikonokat és parancsikonokat hozzanak létre az oldalhoz a mobil eszközeiken, így gyorsabban elérhetik a termékeidet.
HTTP 2 Web Push modul
Az új ajánlásokat követően a HTTP2 web push modul nem hiányozhat a webhelyéről.
A HTTP2 web push modul bevezetése folyamatosan nyitva tartja a kapcsolatot a webhely és a szerver között. Ez rendkívül fontos az oldalsebesség szempontjából. Emellett megjelenik a „server push” lehetősége, ami azt jelenti, hogy a szerver felismeri, hogy a HTML-nek további információkra van szüksége, és ezeket automatikusan elküldi.
Critical CSS modul
A modul bevezetését javasoljuk, mert csökkenti a „First Contentful Paint” eléréséig tartó időt, amely jelenleg 6,6 másodperc. A modul nélkül, amikor a felhasználó interakcióba lép a webhelyeddel, az összes CSS-szabályt „beolvassa” és betölti, még azokat is, amelyeket nem használnak a webhelyen, vagy nem használnak az adott oldalon. Ez a modul rendezi a CSS-szabályokat, és csak a szükségeseket futtatja, csökkentve a betöltési időt.
Lazy Load modul
A LazyLoad egy rugalmas szkript, amely a vizuális mezőbe beírt képek betöltésével gyorsítja a webhelyet.
Image SRC set modul
A modul javasolt az Image SRC set használatához, hogy a képek minden eszközön, beleértve a mobileszközöket is, optimalizálva legyenek. Pontosabban, a mobileszközről elért webhely betöltésekor betöltött képek elkülönülnek és kisebbek, mint az asztali számítógépen betöltött, általában nagyobb képek. (Kérjük, győződj meg arról, hogy rendelkezel elegendő hellyel a szerveren, mert a rendszer több képméretet is generál majd a különböző felbontásokhoz.)
A sebesség még mindig az egyik legfontosabb szempont
Ahogy fentebb említettük, a webhely sebessége továbbra is mérföldkő marad a Google keresési rangsorolásában. A sebesség optimalizálás nemcsak a Google rangsorolás szempontjából fontos, hanem javítja a felhasználói élményt és a konverziós arányt is az webáruházadban.
A teljesítmény optimalizálásának mindig kiemelt fontosságúnak kell lennie, főleg az online versenyhelyzet miatt. Az optimalizálás számos mérhető üzleti előnyt nyújt a webhely hatékonyságának javítása mellett. Ez növeli a látogatók számát, akiket ezután hírlevél-feliratkozókká, olvasókká és természetesen fizető ügyfelekké lehet alakítani.
Ahhoz, hogy egy online áruház teljes kapacitáson működjön, elengedhetetlen az oldalak optimalizálása. Ezen felül te és ügyfeleid is nagyon elégedettek lesznek az előnyökkel.
Gondolj csak a versenyzésre: minden évben minden versenyző fejleszti autóját, hogy nagyobb eséllyel nyerje meg a trófeát. Pontosan ez történik az e-kereskedelemben is. Mindig az első hely elérésére kell törekedni. Ne várj addig, amíg minden versenytárs megelőz. Teszteld webhelyed, és ne félj tanácsot kérni, szakmai segítséget igénybe venni.
Az oldal sebességének optimalizálása során nem elég általános dolgokat javítani, például a képek újragenerálását vagy a szerverváltást. A sebesség optimalizálás egyre összetettebbé vált. Sok olyan feladat van, amelyet tapasztalt programozóknak kell elvégezniük ezen a területen. Ha szeretnéd optimalizálni webhelyed sebességét, ennek egyik legfontosabb lépése a megfelelő csapat kiválasztása a folyamathoz.
Ahogy korábban említettük, a sebesség optimalizálás már nem általános folyamat, minden weboldalt külön kell elemezni, és a javaslatokat minden egyes weboldalra szabni kell.
A PageSpeed Insight által említett új követelmények mellett, mint az HTML, CSS és Javascript kis méretűvé tétele, a nem használt CSS eltávolítása stb., a képgenerálásnak is a legújabb technológiával kell történnie. Amikor a képgenerálásról van szó, a Google ajánlása szerint a képeket WebP formátumban kell generálni. Jelenleg mi vagyunk az egyetlen cég a világon, amely létrehozott egy modult a PrestaShop platformra, amely WebP formátumban képes generálni a termékképeket.
Mi vagyunk az egyik legjobb csapat a weboldalad optimalizálásához. Teszteld le az oldalt a Google Page Speed Insights eszközzel, és ha nem vagy elégedett az eredményekkel, ne habozz kapcsolatba lépni velünk. Csapatunk készen áll arra, hogy segítsen neked javítani a webáruházad sebességét. Az optimalizálásban szerzett tapasztalatunk lehetővé teszi, hogy a PrestaShop áruház betöltési sebességét 3 másodperc alá csökkentsük. Más cégekkel összehasonlítva nem csak az oldal átvizsgálását kínáljuk, hanem technikailag beavatkozunk is a problémák megoldása érdekében.