Core Web Vitals în 2026: Ghid Complet de Optimizare
Google prioritizează site-urile rapide, iar utilizatorii abandonează paginile lente în 3 secunde. Iată cum aduci site-ul firmei tale la scoruri verzi, metrică cu metrică.
Core Web Vitals sunt cele trei metrici prin care Google măsoară experiența reală a utilizatorilor pe site-ul tău: LCP (viteza de încărcare, ținta sub 2.5 secunde), INP (reactivitatea la interacțiuni, sub 200 ms) și CLS (stabilitatea vizuală, sub 0.1). Din 2021 sunt factor de ranking, iar în 2026 diferența dintre un site „verde” și unul lent se vede direct în poziții și în rata de conversie.
Cele 3 metrici explicate
| Metrică | Ce măsoară | Bine | Necesită îmbunătățiri | Slab |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Cât durează până se afișează elementul principal | < 2.5s | 2.5-4s | > 4s |
| INP (Interaction to Next Paint) | Cât de repede reacționează pagina la click/tap | < 200ms | 200-500ms | > 500ms |
| CLS (Cumulative Layout Shift) | Cât „sare” conținutul în timpul încărcării | < 0.1 | 0.1-0.25 | > 0.25 |
Important: Google folosește datele reale ale utilizatorilor (CrUX), colectate din Chrome, nu doar teste de laborator. De aceea contează experiența pe telefoanele reale ale vizitatorilor tăi, pe 4G, nu doar scorul de pe laptopul tău.
Cum îți măsori scorurile (gratuit)
- PageSpeed Insights (pagespeed.web.dev) — introduci URL-ul și primești atât datele reale CrUX (dacă site-ul are suficient trafic), cât și testul de laborator cu recomandări
- Google Search Console — raportul „Core Web Vitals” arată toate paginile cu probleme, grupate
- Chrome DevTools — tab-ul Performance, pentru diagnoză tehnică detaliată
Cum îmbunătățești LCP
LCP este de regulă imaginea sau titlul principal din prima parte a paginii. Cele mai eficiente optimizări, în ordine:
- Hosting rapid — TTFB (time to first byte) sub 600ms; niciun truc nu compensează un server lent
- Optimizează imaginea hero — format WebP/AVIF, dimensiune corectă,
fetchpriority="high", fără lazy loading pe elementul principal - Elimină resursele care blochează randarea — CSS/JS neesențial încărcat cu defer
- Cache de pagină + CDN — paginile servite din cache se încarcă aproape instant
- Preîncarcă fonturile —
rel="preload"pentru fișierele woff2 folosite deasupra fold-ului
Cum îmbunătățești INP
INP suferă când browserul e ocupat cu JavaScript în momentul în care utilizatorul dă click.
- Redu JavaScript-ul total — fiecare plugin/script terț costă (chat-uri, hărți, trackere)
- Încarcă scripturile de analytics/marketing târziu (după interacțiune sau la câteva secunde)
- Evită temele WordPress „universale” supraîncărcate cu page builders lente
- Sparge task-urile lungi — dacă ai dezvoltator, caută task-uri de peste 200ms în DevTools
Cum îmbunătățești CLS
- Setează width și height pe toate imaginile — browserul rezervă spațiul corect
- Rezervă spațiu pentru bannere/reclame/embed-uri înainte să se încarce
- Folosește
font-display: swapși preload pentru fonturi, ca textul să nu „sară” la schimbarea fontului - Nu insera conținut deasupra celui existent după încărcare (bare de anunțuri, cookie bannere care împing pagina)
Checklist rapid pentru WordPress
- Hosting cu LiteSpeed sau echivalent + PHP 8.2+
- Plugin de cache: LiteSpeed Cache (gratuit) sau WP Rocket
- Optimizare imagini: conversie WebP automată (ShortPixel, Imagify)
- Dezactivează plugin-urile nefolosite — fiecare adaugă cod
- Temă ușoară (GeneratePress, Astra, Kadence) în locul temelor „all-in-one”
- Lazy loading pentru imagini și iframe-uri, dar NU pentru imaginea hero
- Testează după fiecare schimbare în PageSpeed Insights
Studiu de caz real: pentru Elitte Skybar am redus LCP de la 8.2s la 2.1s — rezervările online au crescut cu 220%, iar traficul organic cu 150%. Vezi studiul de caz →
Întrebări frecvente
Ce sunt Core Web Vitals, pe scurt?
Core Web Vitals chiar afectează pozițiile în Google?
Cum îmi verific gratuit scorurile?
Care e cea mai rapidă îmbunătățire cu impact mare?
Nu vrei să te ocupi singur de optimizări? Serviciul de administrare website include optimizarea Core Web Vitals în pachetele Professional și E-commerce.
