LCP (Najveće korisničko iscrtavanje)
LCP mjeri vrijeme potrebno da se najveći vidljivi element sadržaja na stranici, poput hero slike ili naslova, potpuno iscrtava, indicirajući koliko brzo stranica djeluje korisnicima.
Largest Contentful Paint (LCP) jedan je od tri Googleova Core Web Vitalsa. Mjeri vrijeme iscrtavanja najveće slike, videa ili bloka teksta vidljivog u viewportu kada se stranica prvi put učita. U praktičnom smislu, mjeri kada glavni sadržaj stranice postane vidljiv korisniku.
Ovi pragovi mjere se na 75. percentilu učitavanja stranica kod stvarnih korisnika. Element koji je „najveći” obično je hero slika na landing stranici, istaknuta slika na blog objavi, veliki naslov ili sličica videa. Preglednik automatski identificira koji je element najveći u početnom viewportu.
U praksi
- Putnički web portal optimizirao je hero slike tako da je servirao format WebP i odgovarajuće dimenzije, smanjujući LCP s 5,2 sekunde na 1,9 sekunde na mobilnim uređajima
- Blog je predučitao svoj LCP element (istaknutu sliku) i vidio poboljšanje LCP-a s 3,1s na 1,6s, što je rezultiralo mjerljivim smanjenjem stope napuštanja stranice
- E-trgovinska stranica otkrila je da velika CSS datoteka blokira prikaz njihovog LCP elementa; ugrađivanje kritičnog CSS-a smanjilo je LCP s 4,0 s na 2,1 s
- Novinski portal implementirao je responzivne slike s atributom srcset, servirajući manje slike mobilnim uređajima i smanjujući mobilni LCP za 40%
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.