LCP (Largest Contentful Paint)
LCP meri čas, ki ga potrebuje največji vidni element vsebine na strani, kot je hero slika ali naslov, da se popolnoma upodobi, kar nakazuje, kako hitro se stran zdi uporabnikom.
Largest Contentful Paint (LCP) je ena od treh metrik Core Web Vitals podjetja Google. Meri čas upodabljanja največje slike, videa ali bloka besedila, ki je viden v vidnem polju ob prvem nalaganju strani. V praksi meri, kdaj glavna vsebina strani postane vidna uporabniku.
Ti pragovi so izmerjeni na 75. percentili nalaganja strani pri dejanskih uporabnikih. Element, ki je "največji", je običajno hero slika na pristajalni strani, poudarjena slika v objavi v blogu, velik naslov ali sličica videa. Bravnik samodejno prepozna, kateri element je največji v začetnem vidnem polju.
V praksi
- Potniška spletna stran je optimizirala svoje hero slike tako, da je posredovala datoteke v formatu WebP in ustrezne velikosti, kar je zmanjšalo LCP s 5,2 sekunde na 1,9 sekunde na mobilnih napravah.
- Blog je prednaložil svoj element LCP (poudarjeno sliko) in opazil izboljšanje LCP s 3,1 s na 1,6 s, kar je vodilo do merljivega zmanjšanja stopnje zapustitve.
- Spletna trgovina je odkrila, da velika datoteka CSS blokira upodabljanje njihovega elementa LCP; z vgradnjo kritičnega CSS se je LCP skrajšal s 4,0 s na 2,1 s
- Novičarsko spletno mesto je uvedlo odzivne slike z atributom srcset, ki posreduje manjše slike mobilnim napravam, in s tem zmanjšalo mobilni LCP za 40 %.
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.