LCP (Largest Contentful Paint)
LCP mõõdab aega, mis kulub leheküljel nähtava suurima sisuelemendi, nagu hero-pilt või pealkiri, täielikuks renderdamiseks, näidates, kui kiiresti leht kasutajatele tundub.
Suurim sisuline maaling (LCP) on üks Google'i kolmest Core Web Vitalsist. See mõõdab suurima pildi, video või tekstiploki renderdusaega vaateväljas, kui leht esmakordselt laeb. Praktilises mõttes mõõdab see, millal lehe põhisisu kasutajale nähtavaks saab.
Need läveväärtused on mõõdetud reaalsete kasutajate lehe laadimise 75. protsendi juures. „Suurim“ element on tavaliselt hero-pilt sihtlehel, esiletõstetud pilt blogipostituses, suur pealkiri või video pisipilt. Brauser tuvastab automaatselt, milline element on algse vaateala juures suurim. Lehe laadimisel võib LCP element muutuda (näiteks pealkirjalt hiljem laaduvale hero-pildile).
Praktikas
- Reisiportaali optimeeris oma hero-pildid, teenindades WebP formaadis ja sobiva suurusega pilte, vähendades mobiilis LCP-d 5,2 sekundilt 1,9 sekundile
- Blogi tegi oma LCP elemendi (esiletõstetud pildi) eel-laadimiseks ja märkas LCP paranemist 3,1 sekundilt 1,6 sekundile, mis viis mõõdetava hüppelisuse vähenemiseni
- E-kaubanduse sait avastas, et suur CSS-fail blokeeris nende LCP-elemendi renderdamist; kriitilise CSS-i inline-lisamine viis LCP 4,0 sekundilt 2,1 sekundile
- Uusiteave rakendas vastavaid pilte srcset-atribuudiga, teenindades mobiilseadmetele väiksemaid pilte ja vähendades mobiilset LCP-d 40% võrra
Kas ei ole kindel, kuidas see teile kehtib?
Kogenud insener vaatab üle teie veebisaidi, nähtavuse otsingus ja päringute teekonna ning kirjutab seejärel üles kolm asja, mida esmalt parandada. Dokument jääb teile igal juhul.