Core Web Vitals: mit jelent?

A Core Web Vitals a Google három terepi mutatója az oldalélményre: betöltés (LCP), reakciókészség (INP) és vizuális stabilitás (CLS). Valódi látogatásokon mérik, nem laborban, és rangsorolási jelként enyhe súllyal számítanak.

A három mutató más-más módon írja le, hogyan érezhető töröttnek egy oldal. A Largest Contentful Paint azt méri, mennyi idő alatt jelenik meg a fő tartalom. A jó érték 2,5 másodperc alatt van. Az Interaction to Next Paint azt méri, milyen gyorsan válaszol az oldal koppintásra és kattintásra. A jó érték 200 milliszekundum alatt van. A Cumulative Layout Shift azt méri, mennyit ugrik az elrendezés betöltés közben. A jó érték 0,1 alatt van.

A keresőnek a terepi adat számít, nem a helyi Lighthouse-pontszám. A Google a valódi Chrome-felhasználók 75. percentilisét nézi, gördülő 28 napos ablakon. Ezért bukhat el egy oldal, amely a laptopon 98 pontot kap: a laptop nem egy középkategóriás Android rossz kapcsolaton. A laboreszköz diagnózisra való. Az eredményjelző a Search Console jelentése és a CrUX-adatkészlet.

A rangsorolási súlyt arányban kell tartani. Az oldalélmény döntetlenbontó, nem helyettesíti a relevanciát. A lassú oldal, amely válaszol a lekérdezésre, még mindig veri a gyorsat, amely nem. Az üzleti érv általában erősebb az SEO-érvnél: ugyanazok a javítások, amelyek átlépik a küszöböket, mérhetően csökkentik a visszafordulást és emelik a konverziós arányt, különösen mobilon.

Az okot kell javítani, nem a pontszámot kergetni. A legtöbb LCP-bukás egy optimalizálatlan hősképre vagy a megjelenítést blokkoló erőforrásra vezethető vissza. A legtöbb CLS olyan képre és hirdetési helyre, amelynek nincs fenntartott mérete, és későn cserélődő betűtípusra. A legtöbb INP a fő szálon futó nehéz JavaScriptre. Sablonszinten javítva az adott típus minden oldala egyszerre javul.

Példák

• Méret nélküli, 1,8 MB-os PNG hőskép. A bukó LCP leggyakoribb oka.
• Hirdetési hely vagy sütibanner, amely a megjelenítés után szúródik be, és lejjebb tolja a cikket, amikor az olvasó olvasni kezd. Tankönyvi CLS-bukás.
• Termékoldal, amely a laborban átmegy, és a terepen bukik, mert a valódi forgalom 70%-a mobil, lassabb hálózaton, mint a teszt.