Új követelmények a Google oldalsebesség-optimalizálásban

Az évet egy olyan témával kezdjük, amely eddig is fontos volt, és a jövőben még fontosabb lesz: a weboldal sebességének optimalizálásával. A weboldalad teljesítménye és betöltési ideje erősen hat az eladásaidra.

Szeretnénk felhívni a figyelmedet arra, hogy 2018 novembere óta másképp kell fejleszteni a weboldalakat. Eddig a sebességoptimalizálás nagyrészt általános feladat volt: a legtöbb weboldal hasonló problémákkal küzdött, például a képgenerálással vagy a gyenge szerverrel, és ezek miatt nem tudta kihasználni a lehetőségeit. A Google új sebességkövetelményei miatt a weboldalad hátrébb kerülhet a találati listán. Eddig az optimalizálási követelmények általános iskolai szinten voltak, most viszont középiskolai szintre emelték őket.

Ahogy biztosan tudod, a Google sokféle eszközt kínált ahhoz, hogy megértsd a weboldalad teljesítményét. Elsőre jó ötletnek tűnt, később azonban kiderült, hogy a sok, egymásnak ellentmondó javaslatokat adó eszköz csak összezavarja a felhasználókat.

A Google ezért rendet tett, és 2018 novemberében jelentősen frissítette a Google PageSpeed Insightsot. Korábban a PageSpeed Insights asztali gépen és mobilon is elemezte az oldal teljesítményét, és javaslatokat adott a fejlesztésére.

A Lighthouse már korábban is nyílt forráskódú eszköz volt, amely személyre szabott tanácsokat adott a weboldalad teljesítményének, akadálymentességének és más szempontjainak javítására. November óta a PageSpeed Insights a Lighthouse-t használja elemzőmotorként. Ezzel a frissítéssel a Google eloszlatta a zűrzavart, és sok új javaslatot is ad a weboldalak gyorsítására. A Google tehát már nemcsak az alapján értékeli a weboldaladat, hogy mit javíthatnál rajta, hanem a tényleges teljesítménye alapján is.

Milyen információkat ad a frissítés óta a PageSpeed Insights?

• Laboradatok
• Valós felhasználói adatok (terepadatok)
• Lehetőségek
• Diagnosztika
• Sikeres ellenőrzések

Teszteld a weboldaladat a PageSpeed Insightsszal, és nézd meg, hogyan lát téged a Google. Az eredmény nemcsak az oldal teljesítményéről, hanem a minőségéről is szól.

Néhány PageSpeed Insights-javaslat, amelyet a moduljainkkal megoldhatsz:

Google WebP Image Generator modul

Ha a teszt után ez a javaslat jelenik meg, szükséged lesz a WebP Image Generator modulra.

A „Google WebP Image Generator” modullal a weboldalad képeit a Google által javasolt WebP formátumban generálhatod újra. A képek mérete akár 30%-kal is csökkenhet, a minőségük pedig ugyanaz marad.

Amint elkezded a PrestaShophoz készült WebP Image Generatorral generálni a képeket, látványosan gyorsul a weboldalad, a képek pedig megőrzik az eredeti minőségüket.

A modul kiváló veszteségmentes tömörítést ad a weboldalad képeinek, és jó szívvel ajánljuk a webshop gyorsításához. Sokkal hatékonyabb, mint a PrestaShop alapértelmezett képgenerátora, hibamentesen működik, és végig láthatod, hol tart a folyamat.

A modullal generált képek helyet szabadítanak fel a szerveren, és gyorsabban töltődnek be az oldalaid. A Google értékelni fogja ezeket a képeket, így a webshopod jobb helyezést érhet el a Google-⁠ön.

Progressive Web App modul

Ha ez a javaslat jelenik meg, mindenképp szükséged lesz a Progressive Web App modulra.

„Ha a teszt után ez a javaslat jelenik meg, szükséged lesz a WebP Image Generator modulra.”

A modullal gyorsabban töltődnek be az oldalak, és a weboldalad akkor is elérhető marad, ha a felhasználó internetkapcsolata lassú, vagy egyáltalán nincs. A PWA a web rugalmasságát ötvözi a natív alkalmazások felhasználói élményével. Ahogy látod, ezt a modult a Google is ajánlja, és fontos tényező a rangsorolásban.

A modul bevezetése után általában javul a teljesítmény, a felhasználók pedig ikont és parancsikont tehetnek a mobiljukra az oldaladhoz, így gyorsabban elérik a termékeidet.

HTTP 2 Web Push modul

Az új javaslatok után a HTTP2 Web Push modul nem hiányozhat a weboldaladról.

A HTTP2 Web Push modul folyamatosan nyitva tartja a kapcsolatot a weboldal és a szerver között, ez pedig nagyon fontos az oldalsebesség szempontjából. Emellett jön a „server push” lehetősége is: a szerver felismeri, hogy a HTML-⁠nek további erőforrások kellenek, és ezeket magától elküldi.

Critical CSS modul

Azért ajánljuk ezt a modult, mert lerövidíti a „First Contentful Paint” idejét, amely most 6,6 másodperc. A modul nélkül, amikor a felhasználó megnyitja a weboldaladat, a böngésző az összes CSS-szabályt „átnézi” és betölti, azokat is, amelyeket az oldal vagy az adott aloldal nem használ. A modul rendezi a CSS-szabályokat, és csak a szükségeseket futtatja, így rövidebb a betöltési idő.

Lazy Load modul

A LazyLoad egy rugalmas szkript, amely úgy gyorsítja az oldalt, hogy csak a képernyőn látható képeket tölti be.

Image SRC set modul

Az Image SRC set modult azért ajánljuk, hogy a képek minden eszközön, mobilon is optimalizáltak legyenek. Pontosabban: ha valaki mobilról nyitja meg az oldalt, külön, kisebb képeket kap, mint asztali gépen, ahol a képek általában nagyobbak. (Ellenőrizd, hogy van-⁠e elég hely a szerveren, mert a rendszer minden képből több méretet generál a különböző felbontásokhoz.)

A sebesség továbbra is az egyik legfontosabb szempont

Ahogy fent írtuk, a sebesség továbbra is a Google rangsorolásának egyik alapköve. A sebességoptimalizálás nemcsak a Google-helyezés miatt fontos, hanem a felhasználói élményt és a webshopod konverziós arányát is javítja.

A teljesítmény optimalizálása mindig legyen az elsők között, főleg ilyen erős online versenyben. Az optimalizálás hatékonyabbá teszi az oldalt, és sok mérhető üzleti előnnyel jár: több látogatót hoz, akikből aztán hírlevél-feliratkozók, olvasók és persze fizető vásárlók lehetnek.

Ha azt akarod, hogy a webshopod teljes erővel működjön, az oldalakat optimalizálni kell. Az eredménynek pedig te és a vásárlóid is örülni fogtok.

Gondolj csak az autóversenyzésre: minden évben minden versenyző fejleszti az autóját, hogy nagyobb eséllyel nyerje el a trófeát. Az e-kereskedelemben pontosan ugyanez történik. Mindig az első helyre kell törekedni. Ne várd meg, amíg minden versenytársad megelőz. Teszteld a weboldaladat, és ne félj tanácsot és szakmai segítséget kérni.

Az oldalsebesség optimalizálásánál már nem elég az általános dolgokat rendbe tenni, például újragenerálni a képeket vagy szervert váltani. A sebességoptimalizálás egyre összetettebb, és sok olyan feladattal jár, amelyhez tapasztalt fejlesztők kellenek. Ha gyorsítani szeretnéd a weboldaladat, az egyik legfontosabb lépés, hogy a megfelelő csapatot válaszd.

Ahogy korábban írtuk, a sebességoptimalizálás már nem általános folyamat: minden weboldalt külön kell elemezni, és a javaslatokat az adott oldalra kell szabni.

A PageSpeed Insights új követelményei, például a HTML, a CSS és a JavaScript minimalizálása vagy a nem használt CSS eltávolítása mellett a képeket is a legújabb technológiával kell generálni. A Google azt javasolja, hogy a képek WebP formátumban készüljenek. Jelenleg mi vagyunk az egyetlen cég a világon, amely olyan PrestaShop-modult készített, amely WebP formátumban tudja generálni a termékképeket.

Mi vagyunk az egyik legjobb csapat a weboldalad optimalizálására. Teszteld az oldaladat a Google PageSpeed Insights eszközével, és ha nem vagy elégedett az eredménnyel, keress minket bátran. Csapatunk kész segíteni, hogy gyorsabb legyen a webshopod. Optimalizálási tapasztalatunknak köszönhetően a PrestaShop-webshopok betöltési idejét 3 másodperc alá tudjuk vinni. Más cégekkel ellentétben nem állunk meg az átvilágításnál: technikailag is beavatkozunk, és megoldjuk a problémákat.