A Google 2021-ben bevezette a Core Web Vitals-ot, amely három fő metrika az oldalsebesség és felhasználói élmény mérésére. Ezek az értékek közvetlenül befolyásolják a Google keresőmotorban elért helyezést.
Largest Contentful Paint (LCP)
Az LCP az az idő, amely szükséges ahhoz, hogy a legmagyobb tartalmi elem megjelenjen a felhasználó képernyőjén. Ez lehet egy kép, videó vagy szövegblokk. Az ideális LCP idő 2,5 másodpercnél rövidebb.
Az LCP javítása érdekében:
- Optimalizálja a képeket
- Csökkentse a szerver válaszidejét
- Távolítsa el a renderelést blokkoló erőforrásokat
First Input Delay (FID)
Az FID az az idő, amely a felhasználó első interakciója és a böngésző válasza között eltellik. Ez mérja a responsivitást. Az ideális FID idő 100 milliszekundumnál rövidebb.
Az FID javítása érdekében:
- Csökkentse a JavaScript feldolgozási idejét
- Webworkerek használatával ossza meg a feladatokat
- Csökkentse a harmadik fél scripteket
Cumulative Layout Shift (CLS)
A CLS az oldalon bekövetkező váratlan elrendezési eltolódások mérésének módja. Ez akkor történik, amikor az oldalon megjelenő elemek helyei megváltoznak. Az ideális CLS érték 0,1-nél nem nagyobb.
A CLS javítása érdekében:
- Méretezze elő a képeket és a beágyazott tartalmat
- Kerülje el az oldal tetejére injektált tartalmakat
- Kerülje az FOUC-ot (Flash of Unstyled Content)
A Core Web Vitals mérésére számos eszköz áll rendelkezésre, mint például a Google PageSpeed Insights, a Lighthouse és a Web Vitals JavaScript library.