LCP (Largest Contentful Paint)
LCP măsoară timpul necesar pentru ca cel mai mare element de conținut vizibil de pe o pagină, cum ar fi o imagine principală sau un titlu, să se afișeze complet, indicând cât de rapidă pare pagina pentru utilizatori.
Largest Contentful Paint (LCP) este unul dintre cele trei Core Web Vitals ale Google. Măsoară timpul de randare a celei mai mari imagini, videoclipuri sau blocuri de text vizibile în viewport la prima încărcare a paginii. În termeni practici, măsoară când conținutul principal al unei pagini devine vizibil pentru utilizator.
Aceste praguri sunt măsurate la percentila 75 a încărcărilor de pagină în rândul utilizatorilor reali. Elementul „cel mai mare” este de obicei imaginea hero de pe o pagină de destinație, imaginea prezentată într-un articol de blog, un titlu mare sau o miniatură video. Browserul identifică automat care element este cel mai mare în fereastra inițială.
În practică
- Un site de călătorii și-a optimizat imaginile hero servind formatul WebP și dimensiuni adecvate, reducând LCP de la 5,2 secunde la 1,9 secunde pe mobil
- Un blog și-a preîncărcat elementul LCP (o imagine prezentată) și a văzut LCP-ul îmbunătățindu-se de la 3,1s la 1,6s, rezultând o scădere măsurabilă a ratei de respingere
- An e-commerce site discovered that a large CSS file was render-blocking their LCP element; inlining critical CSS brought LCP from 4.0s to 2.1s
- Un site de știri a implementat imagini responsive cu atributul srcset, servind imagini mai mici pe dispozitivele mobile și reducând LCP-ul mobil cu 40%
Nu sunteți sigur cum se aplică în cazul dumneavoastră?
Un inginer senior parcurge site-ul dumneavoastră, prezența în căutări și felul în care ajung la dumneavoastră solicitările, apoi notează primele trei lucruri care merită reparate. Păstrați documentul în orice caz.