Core Web Vitals 2026: ghid actualizat pentru LCP, CLS și INP

Core Web Vitals sunt metricile de performanță confirmate oficial de Google ca factori de clasare, măsurând experiența reală a utilizatorilor pe site-ul dvs. În 2024, Google a înlocuit FID (First Input Delay) cu INP (Interaction to Next Paint), schimbând peisajul optimizărilor de performanță. Dacă ați optimizat pentru FID în trecut, este posibil ca INP să necesite o abordare complet diferită.

Dacă ați citit ghidul nostru despre optimizarea vitezei de încărcare, acesta completează cu informațiile specifice despre Core Web Vitals și pragurile actualizate pentru 2026.

De ce Core Web Vitals sunt mai importante în 2026

Google evaluează Core Web Vitals pe baza datelor reale de la utilizatori din Chrome UX Report (CrUX), nu pe teste de laborator. Aceasta face optimizarea mai complexă, dar și mai relevantă: îmbunătățirile produc impact real pentru utilizatorii dvs., nu doar scoruri mai bune în instrumente de audit.

În contextul Core Update-ului din martie 2026, site-urile cu Core Web Vitals bune sunt mai stabile la variații de clasament față de site-urile cu probleme de performanță. Un site cu experiență tehnică excelentă beneficiază de un „buffer” implicit în evaluarea Google.

LCP (Largest Contentful Paint): viteza de afișare a conținutului principal

LCP măsoară cât durează până când cel mai mare element vizibil al paginii se afișează complet. De obicei este imaginea hero sau blocul de text principal din viewport-ul inițial.

Praguri Google 2026:

• ✅ Bun: sub 2,5 secunde
• ⚠️ Necesită îmbunătățire: 2,5-4 secunde
• ❌ Slab: peste 4 secunde

Optimizări specifice pentru LCP:

<!-- Preîncarcă imaginea LCP: esențial pentru performanță -->
<link rel="preload" as="image"
  href="imagine-hero.webp"
  fetchpriority="high">

<!-- Nu folosi lazy loading pe elementul LCP -->
<img
  src="imagine-hero.webp"
  loading="eager"
  fetchpriority="high"
  width="1200"
  height="600"
  alt="Descriere imagine">

Cauze frecvente ale LCP ridicat și soluțiile lor:

• TTFB ridicat (server lent): caching server, CDN, hosting mai performant
• Imagini neoptimizate: format WebP, dimensiuni corecte, compresie adecvată
• Resurse care blochează randarea: CSS și JS critice inline, defer pentru JS neesențial
• Lazy loading pe elementul LCP: eliminați lazy loading de pe primul element vizibil

CLS (Cumulative Layout Shift): stabilitatea vizuală

CLS penalizează elementele care se deplasează vizual după ce pagina s-a încărcat inițial. O pagină cu CLS ridicat produce o experiență frustrantă: utilizatorul dă clic pe un element, dar acesta se mișcă și ajunge să dea clic altundeva.

Praguri Google 2026:

• ✅ Bun: sub 0,1
• ⚠️ Necesită îmbunătățire: 0,1-0,25
• ❌ Slab: peste 0,25

/* Preveniți CLS declarând dimensiunile imaginilor */img {
  width: 800px;
  height: 450px;
  /* sau folosiți aspect-ratio */  aspect-ratio: 16 / 9;
}

/* Preveniți CLS cauzat de fonturi web */@font-face {
  font-family: 'NumeFontWeb';
  src: url('font.woff2') format('woff2');
  font-display: swap; /* previne textul invizibil */}

INP (Interaction to Next Paint): responsivitatea la interacțiuni

INP a înlocuit FID în martie 2024 și măsoară latența tuturor interacțiunilor de pe pagină: clicuri, atingeri și taste, nu doar prima interacțiune ca FID. Aceasta face INP o metrică mult mai reprezentativă pentru experiența reală.

Praguri Google 2026:

• ✅ Bun: sub 200 milisecunde
• ⚠️ Necesită îmbunătățire: 200-500 milisecunde
• ❌ Slab: peste 500 milisecunde

INP slab este cauzat aproape exclusiv de JavaScript excesiv care blochează thread-ul principal al browserului. Soluțiile principale:

// Fragmentați task-urile JavaScript lungi
// ÎN LOC DE:
function proceseazaDateMare() {
  for (let i = 0; i < 100000; i++) {
    // procesare intensivă, blochează thread-ul
  }
}

// FOLOSIȚI scheduler API sau setTimeout:
async function proceseazaDateMareAsync() {
  for (let i = 0; i < 100000; i++) {
    if (i % 1000 === 0) {
      await new Promise(r => setTimeout(r, 0));
      // cedează controlul browser-ului periodic
    }
  }
}

Instrumentele de măsurare recomandate

• PageSpeed Insights (pagespeed.web.dev): date de laborator și date reale CrUX pentru orice URL
• Chrome DevTools, Performance: profiling detaliat al thread-ului principal pentru diagnosticarea INP
• Google Search Console, Core Web Vitals: date agregate de la utilizatorii reali, segmentate pe mobile și desktop
• web-vitals.js: librărie JavaScript oficială Google pentru monitorizarea CWV în producție

Concluzie

Core Web Vitals continuă să evolueze și ștacheta crește periodic. Monitorizarea continuă și optimizarea proactivă sunt mai eficiente decât intervențiile reactive după o scădere de clasament. Prioritizați mai întâi LCP (cel mai mare impact) și INP (noul și cel mai complex), iar CLS este de obicei mai ușor de rezolvat odată ce identificați cauzele.

Completați cu ghidul nostru despre elementele esențiale de SEO tehnic pentru perspectiva completă asupra optimizării tehnice.