Core Web Vitals: ce sunt, cum le măsori și cum le optimizezi în 2026

1. Ce sunt Core Web Vitals și de ce contează pentru SEO

Core Web Vitals sunt un set de trei metrici introduse de Google în 2020 și devenite factor oficial de ranking din mai 2021. Ele măsoară experiența reală a utilizatorilor pe site-ul tău din trei perspective: cât de repede se încarcă conținutul principal, cât de stabil este layout-ul paginii și cât de rapid răspunde site-ul la interacțiunile utilizatorilor.

Ce face Core Web Vitals diferite de alți indicatori tehnici este că nu sunt date din laborator — Google le colectează din browsere reale, de la utilizatori reali, prin Chrome User Experience Report (CrUX). Asta înseamnă că nu poți „păcăli” scorul cu optimizări care arată bine în teste dar nu se traduc în experiență reală.

2. Cei trei metrici: LCP, CLS și INP explicați simplu

Fiecare metric Core Web Vital măsoară un aspect diferit al experienței utilizatorului. Iată un rezumat vizual urmat de explicații detaliate:

LCP — Largest Contentful Paint

LCP măsoară viteza de încărcare a celui mai mare element vizibil din viewport la momentul accesării paginii. De cele mai multe ori, acest element este imaginea hero, o fotografie de produs sau titlul H1 al paginii. Un LCP bun înseamnă că utilizatorul vede rapid conținutul principal — ceea ce reduce și rata de abandon.

CLS — Cumulative Layout Shift

CLS măsoară instabilitatea vizuală a paginii. Dacă ai văzut vreodată o pagină unde textul sare brusc în jos pentru că s-a încărcat o reclamă sau o imagine fără dimensiuni predefinite — acel comportament este exact ce penalizează CLS. Un scor CLS ridicat frustrează utilizatorii și poate genera clicuri accidentale, cu impact direct asupra conversiilor.

INP — Interaction to Next Paint

INP a înlocuit FID (First Input Delay) din martie 2024 și este mai cuprinzător: măsoară toate interacțiunile de pe parcursul sesiunii, nu doar prima. Dacă JavaScript-ul de pe pagina ta blochează thread-ul principal, INP va fi ridicat — utilizatorii vor simți că site-ul „îngheață” când încearcă să interacționeze cu el.

3. Cum măsori Core Web Vitals — instrumentele esențiale

Există două tipuri de date pentru Core Web Vitals: date de laborator (simulate) și date de teren (reale, de la utilizatori). Google ia în considerare datele de teren pentru ranking, deci e important să le urmărești pe amândouă.

Google Search Console — date reale, gratuit

Raportul „Experiența paginii” din Search Console îți arată exact care pagini au probleme de Core Web Vitals conform datelor reale colectate de Google. Este punctul de pornire obligatoriu — accesează Search Console → Experiența paginii → Core Web Vitals și filtrează după „Slab” sau „Necesită îmbunătățiri”.

PageSpeed Insights — analiză detaliată per pagină

La adresa pagespeed.web.dev poți analiza orice URL și vei primi atât date de laborator (prin Lighthouse) cât și date de teren (CrUX), dacă există suficient volum de trafic. Raportul îți indică exact ce cauzează problemele și cum să le rezolvi.

Chrome DevTools — pentru dezvoltatori

Tab-ul Performance din Chrome DevTools îți permite să înregistrezi și să analizezi fiecare milisecundă din procesul de încărcare. Util pentru identificarea scripturilor care blochează thread-ul principal și cauzează INP ridicat.

web.dev/measure și CrUX Dashboard

CrUX Dashboard (disponibil prin Google Data Studio/Looker Studio) îți permite să urmărești evoluția Core Web Vitals în timp pentru domeniul tău — util pentru a verifica dacă optimizările implementate produc rezultate în datele reale.

4. Cum îmbunătățești LCP

LCP slab este cel mai frecvent dintre cele trei probleme și de regulă are cauze clare și rezolvabile. Iată cele mai eficiente intervenții:

Optimizează imaginea hero

Dacă elementul LCP este o imagine, aceasta trebuie să fie cât mai mică și să se încarce cât mai repede. Pași concreți:

• Convertește imaginea în format WebP sau AVIF — de regulă 30–50% mai ușoare decât JPEG sau PNG la aceeași calitate vizuală.
• Adaugă atributul fetchpriority=“high” pe tag-ul <img> al imaginii hero — îi spui browserului să o prioritizeze.
• Elimină loading=“lazy” de pe imaginea hero — lazy loading este util pentru imaginile de mai jos, dar penalizează LCP când e aplicat pe primul element vizibil.
• Redimensionează imaginea la dimensiunile reale de afișare — nu folosi o imagine de 2400px pentru un slot de 800px.

Activează caching-ul și un CDN

Un server care răspunde lent crește direct LCP. Activează caching-ul la nivel de server (LiteSpeed Cache, W3 Total Cache, WP Rocket pe WordPress) și ia în considerare un CDN (Cloudflare, BunnyCDN) pentru a livra resursele din noduri apropiate geografic de utilizatori.

Elimină resursele care blochează randarea

CSS-ul și JavaScript-ul încărcate în fără atributele async sau defer blochează browser-ul să afișeze conținutul. Identifică-le cu PageSpeed Insights și adaugă defer la scripturile care nu sunt necesare la prima randare.

5. Cum îmbunătățești CLS

CLS ridicat apare atunci când browser-ul nu știe dinainte cât spațiu să aloce unui element — și recalculează layout-ul după ce elementul se încarcă. Cauzele sunt de regulă previzibile și ușor de remediat.

Specifică dimensiunile imaginilor și video-urilor

Cea mai frecventă cauză de CLS ridicat: imagini fără atributele width și height în HTML. Browserul nu știe cât spațiu să rezerve și, când imaginea se încarcă, împinge conținutul de sub ea în jos. Soluția: adaugă întotdeauna dimensiunile explicite sau folosește aspect-ratio în CSS.

Rezervă spațiu pentru reclame și bannere

Reclamele afișate dinamic sunt una dintre principalele cauze de CLS. Dacă folosești Google AdSense sau alte rețele publicitare, rezervă spațiu fix pentru containerele de reclame chiar dacă reclama nu s-a încărcat încă — prin min-height sau dimensiuni fixe pe container.

Evită inserarea dinamică de conținut deasupra conținutului existent

Bannere cookie, notificări, pop-up-uri care apar după ce pagina s-a încărcat și împing conținutul în jos — toate acestea cresc CLS. Asigură-te că elementele dinamice apar în spații rezervate sau în overlay, fără să deplaseze layout-ul existent.

Folosește fonturi cu font-display: swap cu precauție

Fonturile web care se înlocuiesc vizibil după încărcare (FOUT — Flash of Unstyled Text) pot cauza CLS dacă dimensiunile fontului de sistem diferă semnificativ de fontul web. Soluție: folosește font-display: optional sau preîncarcă fontul cu .

6. Cum îmbunătățești INP

INP ridicat înseamnă că JavaScript-ul de pe site blochează sau întârzie răspunsul vizual al paginii la interacțiunile utilizatorilor. Este cel mai tehnic dintre cei trei metrici, dar există pași clari de urmat.

Identifică scripturile care blochează thread-ul principal

Folosește Chrome DevTools → tab Performance → înregistrează o interacțiune și caută blocaje de tip „Long Task” (sarcini care durează peste 50ms). Acestea sunt cauzele directe ale INP ridicat.

Reduce JavaScript-ul terț

Scripturile de la terți — chat live, heatmap, marketing automation, widget-uri sociale — pot bloca semnificativ thread-ul principal. Auditează ce scripturi ai instalate și elimină-le pe cele neesențiale sau încarcă-le cu defer sau async.

Divide sarcinile mari în bucăți mai mici

Dacă ai cod JavaScript custom care execută operații grele sincron, împarte-le în sarcini mai mici folosind setTimeout, requestIdleCallback sau Scheduler API — astfel browser-ul poate răspunde interacțiunilor între task-uri.

7. Core Web Vitals pe WordPress — cele mai frecvente probleme

WordPress alimentează aproximativ 43% din web-ul global — și din păcate vine cu câteva probleme tipice de Core Web Vitals pe care le vedem frecvent la site-urile clienților noștri:

Problemă frecventă	Metric afectat	Soluție recomandată
Imagini neoptimizate și fără dimensiuni	LCP, CLS	ShortPixel / Imagify + atribute width/height
Prea multe pluginuri care adaugă JS/CSS global	LCP, INP	Asset CleanUp sau WP Rocket — dezactivare per pagină
Teme cu builder vizual greu (Elementor, Divi fără optimizare)	LCP, INP	Activează modul de performanță din builder + caching agresiv
Font-uri Google Fonts încărcate din extern	LCP	Găzduiește fonturile local sau folosește OMGF plugin
Reclame AdSense fără spațiu rezervat	CLS	Container fix cu min-height pentru fiecare slot publicitar
Banner cookie care deplasează conținutul	CLS	Folosește un plugin de cookie care afișează overlay, nu push
Hosting lent cu TTFB mare	LCP	Migrare la hosting cu LiteSpeed + activare LiteSpeed Cache

Dacă site-ul tău este un simplu site de prezentare și lupta cu plugin-urile și cu cache-ul devine permanentă, merită evaluată și varianta radicală: trecerea de la WordPress la un site static, unde Core Web Vitals sunt bune din construcție, nu din optimizări succesive.

8. Cât durează până se văd îmbunătățirile în Google

Aceasta este întrebarea pe care o primim cel mai des după ce implementăm optimizări de Core Web Vitals. Răspunsul are două paliere:

Datele de laborator (PageSpeed Insights) — imediat

Scorul din PageSpeed Insights reflectă starea actuală a site-ului și se actualizează la fiecare analiză. Vei vedea îmbunătățirile imediat după implementare — util pentru a verifica că optimizările funcționează.

Datele reale CrUX (Search Console) — 28 de zile

Google Search Console afișează date agregate din ultimele 28 de zile. Asta înseamnă că o îmbunătățire implementată azi va fi vizibilă complet în rapoarte abia după o lună. Nu te alarma dacă nu vezi schimbări imediate — ele vor apărea treptat pe măsură ce noile date înlocuiesc cele vechi.

Impactul în ranking — variabil

Nu există un răspuns universal pentru cât de mult contează Core Web Vitals în ranking-ul tău specific. Impactul este mai vizibil în nișe competitive unde mai mulți competitori au conținut similar de calitate — acolo experiența paginii devine factor de departajare. În nișe unde competitorii au site-uri tehnic slabe, îmbunătățirile pot aduce câștiguri rapide de poziții.

9. Concluzie: Core Web Vitals sunt SEO tehnic cu impact direct pe experiența utilizatorilor

Core Web Vitals nu sunt o modă de marketing digital — sunt modul prin care Google verifică dacă site-ul tău oferă o experiență reală bună utilizatorilor. Un LCP slab înseamnă că oamenii așteaptă prea mult. Un CLS ridicat înseamnă că pagina sare și frustrează. Un INP ridicat înseamnă că site-ul pare „îngropat” când cineva încearcă să interacționeze cu el.

Vestea bună este că, spre deosebire de alte aspecte SEO, problemele de Core Web Vitals au de regulă cauze identificabile și soluții concrete — mai ales pe WordPress. Câteva optimizări bine aplicate pot muta un site din zona „Slab” în zona „Bun” în câteva săptămâni.

Dacă nu știi de unde să începi, primul pas este să rulezi un audit complet al site-ului tău — vei vedea exact care metrici sunt problematici și care pagini au cel mai mare impact.