Az alábbiakban kifejtem, mit jelentenek ezek a teljesítménymutatók:
First Contentful Paint (FCP): Az az időpont, amikor a böngésző először jelenít meg valamilyen tartalmat a DOM-ból (Document Object Model), legyen az szöveg, kép vagy egyéb tartalmi elem. Ez jelzi a felhasználónak, hogy az oldal elkezdett betöltődni.
Largest Contentful Paint (LCP): Az az idő, amikor a legnagyobb méretű látható tartalmi elem (például egy nagy kép vagy szövegblokk) betöltődik és megjelenik a képernyőn. Ez mutatja, hogy az oldal fő tartalma mikor válik elérhetővé a felhasználó számára.
Speed Index (SI): Egy mérőszám, amely azt mutatja meg, hogy a látható tartalom milyen gyorsan jelenik meg az oldal betöltődése során. Minél alacsonyabb ez az érték, annál gyorsabban látja a felhasználó a tartalmat.
Time To Interactive (TTI): Az az időtartam, amire az oldal teljesen interaktívvá válik. Ez azt jelenti, hogy az oldal nem csak megjelenik, hanem minden funkciója működik és azonnal reagál a felhasználói interakciókra.
Total Blocking Time (TBT): A teljes blokkolási idő az az összegzett idő, amely alatt az oldal betöltődése közben a főszál (main thread) 50 ms-nál hosszabb ideig blokkolva van. Ez befolyásolja, hogy az oldal mennyire reagálékony a felhasználói műveletekre a betöltés során.
Cumulative Layout Shift (CLS): Ez a mutató az oldal vizuális stabilitását méri. Azt számszerűsíti, hogy a tartalom mennyit mozdul el váratlanul a betöltés alatt. Magas CLS érték esetén a felhasználó tapasztalhatja, hogy a gombok, képek vagy szövegek elmozdulnak, ami zavaró lehet.
Ezek a mutatók segítenek értékelni és javítani a weboldalak teljesítményét és felhasználói élményét.