Oldalsebesség-optimalizálás és Core Web Vitals webshopoknak

A lassú webshop kétszer veszít: a Google kevésbé szívesen rangsorolja, a vásárló pedig a betöltés közben lép le. Az oldalsebesség-optimalizálás során a Core Web Vitals mutatókat mérem és javítom a kategória- és termékoldalakon, ahol a pénz keletkezik.

Ez a weboldal, a shopseo.hu, mobilon 99, asztali gépen 100 pontot ér el a Google PageSpeed Insights mérésében (2026. októberi mérés), 1,7 másodperces mobilos LCP-vel. Nem azért, mert üres, hanem mert minden elemét a sebesség szempontjából is megnéztem. Ugyanezt a szemléletet viszem a webshopodba.

Mit mér a Core Web Vitals?

MutatóMit jelentJó érték
LCP (Largest Contentful Paint)mikor jelenik meg az oldal legnagyobb eleme, például a termékképlegfeljebb 2,5 másodperc
INP (Interaction to Next Paint)milyen gyorsan reagál az oldal egy kattintásra vagy érintésrelegfeljebb 200 ms
CLS (Cumulative Layout Shift)mennyit ugrál az oldal betöltés közbenlegfeljebb 0,1

A Google a valós felhasználói adatokat (Chrome-felhasználói jelentés, CrUX) veszi figyelembe, a látogatások 75. percentilisén. A PageSpeed laborpontszáma jó kiindulópont, de a cél a valós mobilos érték javítása, nem csak egy szép szám.

Mi rontja a webshopok Core Web Vitals értékeit?

  • Képek: túl nagy, nem WebP/AVIF formátumú, méretmegadás nélküli termék- és bannerképek.
  • Külső szkriptek: chat-widget, értékelő-, hírlevél- és követőkódok, amelyek minden oldalon betöltődnek.
  • Sliderek és animációk: a nyitóoldali karusszel gyakran a legnagyobb LCP-elem, és ugrálást is okoz.
  • Betűtípusok: több betűcsalád, sok vastagság, betöltési stratégia nélkül.
  • Bővítmények (WooCommerce): globálisan betöltött CSS és JavaScript olyan funkciókhoz, amelyek csak egy oldalon kellenek.
  • Szerver és gyorsítótár: lassú első bájt (TTFB), hiányzó oldal- vagy objektum-gyorsítótár.

Hogyan dolgozom?

  1. Kiinduló Core Web Vitals mérés: a fő oldaltípusokon (főoldal, kategória, termék, kosár) mobilon és asztalon is, oldalanként legalább háromszor, mert egyetlen mérés félrevezető lehet.
  2. Okok feltárása: megkeresem, melyik elem okozza a lassú LCP-t, az ugrálást vagy a késleltetett reakciót.
  3. Prioritás: előbb azok a javítások, amelyek a legtöbb oldalt és a legtöbb látogatót érintik.
  4. Javítás: egyesével vezetem be a módosításokat, mindegyik után visszaméréssel.
  5. Visszaállíthatóság: minden változtatás előtt rögzítem az állapotot. Ha valami rontana, visszaállítom.
  6. Utókövetés: a valós felhasználói adatok 28 napos ablakban frissülnek, ezért 4 hét múlva újra ellenőrzök.

Mit lehet javítani platformonként?

PlatformJellemző javítások
WooCommerce / WordPressbővítmények átvizsgálása, feltételes szkriptbetöltés, gyorsítótár, képek, betűtípusok, szerverbeállítások
Unasképek, sablonbeállítások, külső kódok csökkentése, nyitóoldali elemek egyszerűsítése
Shoprenterképek, külső kódok, sablonbeállítások, nyitóoldali elemek

Bérelt webshop-platformon (Unas, Shoprenter) a szervert nem lehet hangolni, ezért ott a képek, a sablonelemek és a külső kódok a fő terület. WooCommerce-nél a teljes lánc javítható, a tárhelytől a sablonig.

Mennyibe kerül a Core Web Vitals javítása?

SzolgáltatásÁr
Technikai SEO-javításokEgyedi ajánlat alapján
Egyedi munka óradíjbanEgyedi ajánlat alapján
SEO-elemzés sebességméréssel, a kiinduló állapothozEgyedi ajánlat alapján

A leggyorsabb Core Web Vitals javítások

Sok webshopnál néhány egyszerű lépés hozza a javulás nagy részét. Ezekkel kezdünk, mert kevés munkával sokat érnek:

  • a hajtás feletti fő kép (LCP-elem) méretének és formátumának optimalizálása, és a késleltetett betöltés kikapcsolása ennél az egy képnél;
  • méretmegadás (szélesség és magasság) minden képnél és beágyazásnál, ami megszünteti az ugrálást;
  • a nem használt külső kódok eltávolítása, a többi késleltetett betöltése;
  • a nyitóoldali slider cseréje egyetlen statikus, optimalizált képre;
  • a betűtípusok számának csökkentése, és a látható szöveg azonnali megjelenítése betöltés közben;
  • WooCommerce-nél a csak egy oldalon használt bővítmények fájljainak kizárása a többi oldalról.

Hogyan olvasd a PageSpeed-jelentést?

A PageSpeed Insights tetején a valós felhasználói adatok láthatók, ha a webshop elég látogatót kap; ez a fontosabb rész. Alatta a laborpontszám egyetlen szimulált mérésből számol, és mérésenként néhány pontot ingadozhat. Ezért egyetlen mérésből nem vonok le következtetést, és oldalanként többször mérek. A „Lehetőségek” és a „Diagnosztika” lista megmutatja, mi lassít, de nem minden javaslat éri meg a ráfordítást: a hatás alapján válogatunk.

Fontos: a 100 pont nem cél önmagában. Egy webshopban a tényleges cél a gyors termék- és kategóriaoldal mobilon, és az, hogy a vásárlás folyamata ne akadjon. Inkább legyen 92 pont stabil valós adatokkal, mint egy 100 pontos laborérték, amelyet a valós látogatók nem tapasztalnak.

Gyakori kérdések

Garantálod a 100 pontot a PageSpeedben?

Nem. A pontszám mérésenként is ingadozik, és bérelt platformon nem minden tényező módosítható. A cél a valós felhasználói Core Web Vitals értékek javítása, és ezt mérhetően vállalom.

Mennyit számít a sebesség a helyezésekben?

A Core Web Vitals a Google rangsorolási jelei közé tartozik, de a tartalom és a relevancia fontosabb. A gyorsaság nagyobb hatása a konverzió: kevesebb vásárló lép le betöltés közben.

Mi az a laborérték és a valós adat?

A laborérték egyetlen szimulált mérés (például PageSpeed). A valós adat a Chrome-felhasználók tényleges látogatásaiból jön, 28 napos ablakban. A Google a valós adatot használja.

Le kell cserélni a sablont?

Ritkán. A legtöbb javítás a meglévő sablonnal is elvégezhető. Ha a sablon a fő akadály, ezt a mérés alapján, számokkal alátámasztva mondom meg.

Kérj ajánlatot oldalsebesség-optimalizálásra

Küldd el a webshopod címét és a platformot. Megmérem a fő oldaltípusokat, és 2 munkanapon belül válaszolok, mennyi javítás és ráfordítás várható.

Az ajánlatkérés díjmentes, és nem jár kötelezettséggel. A részletes SEO-audit fizetős szolgáltatás. Az ajánlatban szereplő árak nettó árak, + ÁFA.

Kapcsolódó szolgáltatások