LCP
PerformanțăLCP (Largest Contentful Paint) este o metrică Core Web Vitals care măsoară timpul necesar pentru ca cel mai mare element vizibil de conținut al paginii să fie complet randat. Poate fi o imagine, un videoclip sau un bloc mare de text. Un LCP bun este sub 2.5 secunde. Este cel mai important indicator al vitezei de încărcare percepute de utilizator.
LCP (Largest Contentful Paint) este metrica Core Web Vitals care reflectă cel mai bine percepția utilizatorului asupra vitezei de încărcare. În loc să măsoare evenimente tehnice invizibile, LCP cronometrează momentul în care conținutul principal al paginii devine vizibil — exact ceea ce utilizatorul percepe ca „pagina s-a încărcat".
Elementele candidate pentru LCP includ: imagini (img, image din SVG, poster de video), elemente de tip block cu text mare, videoclipuri cu poster, și imagini de fundal încărcate prin CSS. Browserul selectează automat cel mai mare element vizibil din viewport.
Pragurile de evaluare Google sunt:
Bun: sub 2.5 secunde — experiență rapidă, fără frustrare.
Necesită îmbunătățire: 2.5 - 4 secunde — utilizatorii percep o întârziere.
Slab: peste 4 secunde — impact negativ semnificativ asupra experienței și SEO.
Factorii care influențează LCP:
Timpul de răspuns al serverului (TTFB) — un server lent întârzie totul. Optimizarea TTFB este primul pas.
Blockarea de randare — CSS și JavaScript care blochează afișarea paginii. CSS critic inline și JS async/defer ajută.
Timpul de încărcare a resursei — dacă elementul LCP este o imagine, dimensiunea și formatul ei sunt critice. WebP/AVIF, dimensionare corectă și preload sunt esențiale.
Randarea client-side — SPA-urile care renderizează conținut prin JavaScript întârzie LCP. SSR sau pre-renderingul rezolvă problema.
Strategii de optimizare prioritare:
Preload pe resursa LCP — link rel="preload" instruiește browserul să înceapă descărcarea imediat.
Nu aplica lazy loading pe elementul LCP — aceasta ar întârzia intenționat încărcarea celui mai important element.
Optimizează imaginea LCP — format modern (WebP), dimensiune corectă, compresie adecvată.
Minimizează CSS critic — doar stilurile necesare above the fold ar trebui să blocheze randarea.
Pentru site-urile din România, cele mai frecvente probleme LCP sunt: imagini hero neoptimizate, TTFB lent din cauza hosting-ului partajat și lipsa preload-ului pe resursele critice.