Core Web Vitals magyarul: mit mér a Google, és mit ér el vele az oldalad?

A sebesség nem technikai hiúság. Egy másodperc pluszbetöltés mérhetően csökkenti az érdeklődők számát, és a Google is figyeli, milyen gyorsan használható az oldalad.

Ha megrendelőként olvasod: ezeket a mérőszámokat nem neked kell ismerned. Azért írjuk le, hogy lásd, mire figyelünk helyetted.

A három mérőszám

Mennyi idő alatt jelenik meg a lényeg?

A Google azt méri, mikor rajzolódik ki a legnagyobb tartalmi elem: általában a főcím vagy a nyitókép. Ami ezen a legtöbbet javít:

• modern képformátum és pontos méretezés
• a nyitókép előre töltése, a többi kép késleltetése
• szerveroldali renderelés, hogy a szöveg ne egy JavaScript letöltése után érkezzen

Mennyi idő telik el egy kattintás és a válasz között?

Ha kattintasz, és semmi nem történik, az oldal élettelennek hat. A késés szinte mindig a böngészőt lefoglaló JavaScript miatt van: nehéz animációs könyvtárak, harmadik féltől érkező widgetek, és a mindent kliensen összerakó oldalfelépítés.

Mennyit ugrál az elrendezés töltés közben?

Az a bosszantó pillanat, amikor épp rákattintanál valamire, és a gomb elugrik. Megelőzhető: minden képnek fix helyet adunk, és a betűtípus sem tolhatja el a szöveget betöltéskor.

Hogyan mérünk?

Kétféle adat van, és a kettő nem ugyanaz:

1. Laboradat. A fejlesztő gépén futtatott mérés. Gyors visszajelzés, de szimulált.
2. Terepadat. A valódi látogatóktól származó mérés a Search Console-ban. A rangsorban ez számít.

Ha a labormérés jó, de a terepadat rossz, szinte biztosan a mobilhálózat és a gyengébb telefonok az okok. Ezért tesztelünk lassított kapcsolaton is.

Amit mi csinálunk másképp

Az oldalakat szerveroldalon rendereljük, a JavaScriptet a valóban interaktív részekre korlátozzuk, az animációkat pedig olyan CSS-megoldásokra építjük, amelyek nem terhelik a böngésző fő szálát. Nem külön optimalizálási csomag: így épül minden oldal, amit kiadunk a kezünkből.