Az egy másodperces betöltési késés 7%-kal csökkenti a konverziókat. Egy jelentős bevételt hozó oldalnál ez havonta több ezer dollár veszteség. Az oldalsebesség nem csak jó gyakorlat. A keresők közvetlenül mérik, és közvetlenül hat a rangsorolásra. A Core Web Vitals három konkrét mutató, amely a valódi felhasználói élményt méri. Ha ezeket jól kezeled, javul a rangsorolásod és a konverziód. Tudd meg, mik ezek, és hogyan optimalizáld őket.
Az oldalsebesség befolyásolja a rangsorolást. A Core Web Vitals az oldalsebességet méri. Ezek nem homályos ajánlások. Konkrét mutatók, mérhető küszöbértékekkel. Azok az oldalak, amelyek teljesítik a küszöböket, jobban rangsorolnak. Amelyek nem, rosszabbul.
A Core Web Vitals három konkrét mutató
A Largest Contentful Paint (LCP) azt méri, milyen gyorsan töltődik be a fő tartalom. Az Interaction to Next Paint (INP) azt méri, mennyire reagál az oldalad a felhasználói beavatkozásra. A Cumulative Layout Shift (CLS) azt méri, mennyire stabil az elrendezés betöltés közben.
A jó LCP 2,5 másodperc alatti. A jó INP 200 milliszekundum alatti. A jó CLS 0,1 alatti. Ha az oldalad ezek bármelyikén megbukik, a keresők tudják, hogy a felhasználóknak rossz az élménye.
LCP: A fő tartalomnak gyorsan be kell töltődnie
A Largest Contentful Paint azt méri, mikor fejeződik be az oldal legnagyobb elemének betöltése. A legtöbb oldalon ez egy kép vagy egy címsor. Ha lassú az LCP, a felhasználók üres oldalt látnak várakozás közben.
Az LCP-t a képek optimalizálásával javíthatod. Tömörítsd őket. Használj új generációs formátumokat, például WebP-t. A képernyő alatti képeket késleltetve töltsd be (lazy load). Használj gyors tárhelyszolgáltatót. Távolítsd el a megjelenítést blokkoló JavaScriptet. A kis javulások összeadódnak.
A célod 2,5 másodperc alatt van. Ha az LCP-d 5 másodperc, a felhasználók elmennek, mielőtt meglátnák a tartalmat. Ha 2 másodperc, a felhasználók várnak, és lekötve maradnak.
INP: Az oldalnak azonnal reagálnia kell a kattintásokra
Az Interaction to Next Paint azt az időt méri, amely a felhasználó kattintása vagy érintése és az oldal reakciója között telik el. Ha lassú az INP, az oldalad lefagyottnak tűnik.
Az INP-t a JavaScript optimalizálásával javíthatod. Távolítsd el a felesleges szkripteket. Bontsd fel a hosszú feladatokat. Optimalizáld az eseményfigyelőket. A harmadik féltől származó szkripteket késleltetve töltsd be. A reagáló oldal jobban konvertál, mint a gyors oldal, amely nem reagál a bevitelre.
Cél: 200 milliszekundum alatt. Ha az oldalad 500 ms alatt reagál egy kattintásra, a felhasználók azt hiszik, elromlott. Ha 100 ms alatt reagál, azonnalinak érződik.
CLS: Az elrendezés ne ugorjon betöltés közben
A Cumulative Layout Shift azt méri, mennyit mozog az elrendezés betöltés közben. Ha a képek lassan töltődnek, a szöveg lejjebb csúszik. Ha a hirdetések a tartalom után töltődnek, minden elmozdul. Ez bosszantó, és véletlen kattintásokat okoz.
A CLS-t úgy javíthatod, hogy helyet foglalsz a képeknek és a hirdetéseknek. Használj CSS képarányt, hogy megmondd a böngészőnek, mennyi helyet tartson fenn. A kritikus betűtípusokat töltsd be korán. Kerüld, hogy a meglévő tartalom fölé szúrj be tartalmat.
Cél: 0,1 alatt. Minden elrendezésugrást észrevesznek a felhasználók. Tartsd minimálisan.
Figyeld a Core Web Vitalst valódi felhasználói adatokban
A Lighthouse és a PageSpeed Insights laborkörülmények között futtat teszteket. A valódi felhasználói mérés tényleges adatokat mutat. A valódi felhasználói adatokat a Chrome User Experience Reportban vagy a Search Consoleban nézheted meg.
A valódi adatok azért számítanak, mert a valódi felhasználóknak lassabb a kapcsolata és régebbiek az eszközeik, mint a te tesztgépednek. Ami laborkörülmények között működik, a valóságban elbukhat.
A sebesség közvetlenül hat a bevételre
A gyorsabb oldalak jobban konvertálnak. A lassabb oldalak elveszítik az ügyfeleket. Minden egyes másodperc késésnél konverziókat veszítesz. Ez mérhető. Futtass kísérleteket. Adj hozzá sebességjavításokat. Kövesd a hatást a konverziókon.
Egy 5 másodperces betöltés több ügyfelet veszít, mint egy 2 másodperces. A különbség pénz. Optimalizáld az oldalsebességet, és a rangsorolás mellett a bevételed is nő.
Optimalizáld agresszíven a képeket
A képek általában a legnagyobb fájlok az oldalakon. Tömörítsd őket könyörtelenül. Használj új generációs formátumokat. A képernyő alatti képeket késleltetve töltsd be. Használj reszponzív képeket, amelyek skálázódnak a különböző eszközökhöz.
A felesleges képek eltávolítása néha többet számít, mint a megmaradó képek tömörítése. Kell 10 kép vagy elég 5? A kevesebb kép gyorsabban betöltődik.
Gyakori kérdések
Mi a jó Core Web Vitals eredmény?
A jó azt jelenti: LCP 2,5 másodperc alatt, INP 200 milliszekundum alatt, CLS 0,1 alatt. Ha bármelyik mutató e küszöbök fölött van, az oldalad megbukik. Nézd meg a tényleges felhasználói adataidat a Search Consoleban. A laboreredmények kevesebbet számítanak a valódi felhasználói élménynél. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon is beállíthatod.
Hogyan mérhetem a Core Web Vitalst?
Használd a Google PageSpeed Insightst a laborteszthez. Használd a Search Consolet a valódi felhasználói adatokhoz. Használd a Lighthouse-t a Chrome DevToolsban. Használj harmadik féltől származó monitorozó eszközöket. A valódi felhasználói mérés számít a legtöbbet, mert a tényleges élményt mutatja, nem a tesztkörülményeket.
Garantálja a Core Web Vitals javítása a jobb rangsorolást?
Nem. A Core Web Vitals egy rangsorolási tényező a több száz közül. A tartalom minősége és relevanciája többet számít. De a Core Web Vitals döntő szempont lehet, ha a többi tényező egyenlő. Javítsd őket, de először a tartalom minőségére figyelj.
Milyen tárhely hat a legjobban a Core Web Vitalsra?
A szerver válaszideje jelentősen befolyásolja az LCP-t. A gyorsabb tárhelyszolgáltatók gyorsabban szolgálják ki a tartalmat. De a tárhely csak egy része az egyenletnek. A képoptimalizálás, a JavaScript-optimalizálás és a gyorsítótárazás ugyanannyit számít, mint a tárhely. Gyenge optimalizálást nem lehet tárhellyel kiváltani.
Mennyi idő alatt hatnak a Core Web Vitals javításai a rangsorolásra?
A keresők napokon belül elkezdhetik használni a javított mutatókat. De a rangsorolás javulása tovább tart. A keresők hetek és hónapok alatt értékelik újra az oldalakat. Javítsd a Core Web Vitalst, de ne várj egyik napról a másikra rangsorolási változást. Inkább a konverziókon kövesd a hatást, amelyek gyakran gyorsabban javulnak, mint a rangsorolás.
Mely harmadik féltől származó szkriptek ártanak a legjobban a Core Web Vitalsnak?
Az analitikai, hirdetési és chat widgetek gyakran lassítják az oldalakat. Töltsd be őket a fő tartalom befejeződése után. Használj aszinkron betöltést. Fontold meg a nem kritikus szkriptek késleltetését. Teszteld minden szkript hatását a Core Web Vitalsodra. Távolítsd el azokat, amelyek kevés értéket adnak, de jelentősen rontják a teljesítményt.