Ghid Tehnic
Core Web Vitals
explicati simplu.
LCP, CLS, INP. Ce masoara fiecare metrica, ce valori sunt considerate bune si de ce Google le foloseste ca factor direct de ranking din 2021.
< 2.5s
LCP bun
< 0.1
CLS bun
< 200ms
INP bun
DEFINITIE
Ce sunt Core Web Vitals si de ce conteaza
Core Web Vitals sunt trei metrici de performanta definite de Google pentru a cuantifica experienta reala a utilizatorilor. Nu sunt concepte academice. Sunt date colectate din milioane de sesiuni reale prin Chrome User Experience Report (CrUX).
Din mai 2021, Google le include explicit in algoritmul de ranking ca parte din Page Experience Signal. Nu e factorul dominant (continut relevant ramane prioritar), dar pe pietele competitive poate fi diferenta dintre locul 3 si locul 7.
Pe langa SEO, CWV bune inseamna conversii mai mari. O pagina care se incarca in 1 secunda converteste de 3x mai bine decat una care se incarca in 5 secunde. Nu e corelatie — e cauzalitate masurata.
din utilizatorii mobile abandoneaza un site care nu se incarca in 3 secunde
Sursa: Google, Think with Google
reducere a conversiilor pentru fiecare secunda suplimentara de incarcare
Sursa: Portent CRO Study, 2023
mai mult trafic organic la reducerea LCP de la 3s la 1s
Sursa: Cloudflare Web Performance Report
CELE 3 METRICI PRINCIPALE
Ce masoara fiecare si cum o imbunatatesti
Cât durează să apară conținutul principal pe ecran
BUN
< 2.5s
MEDIU
2.5–4s
SLAB
> 4s
Cum imbunatatesti
Optimizează imaginea hero, reduce TTFB, folosește CDN edge.
Cât "sare" pagina în timp ce se încarcă
BUN
< 0.1
MEDIU
0.1–0.25
SLAB
> 0.25
Cum imbunatatesti
Declară width/height pe imagini, rezervă spațiu pentru reclame și fonturi.
Cât de repede răspunde pagina la click/tap/keyboard
BUN
< 200ms
MEDIU
200–500ms
SLAB
> 500ms
Cum imbunatatesti
Reduce JavaScript blocant, optimizează event handlers, defer scripturi terțe.
METRICI SECUNDARE (LIGHTHOUSE)
Ce mai masoara Lighthouse si cum contribuie la scor
Lighthouse calculeaza scorul de Performance dintr-o combinatie de metrici. Cele 3 CWV principale au ponderea cea mai mare, dar si metricile secundare conteaza.
| Metrica | Ce masoara | Target bun | Pondere Lighthouse |
|---|---|---|---|
| FCPFirst Contentful Paint | Primul element vizibil pe pagină | < 1.8s | 10% |
| LCPLargest Contentful Paint | Cel mai mare element vizibil | < 2.5s | 25% |
| TTFBTime to First Byte | Cât durează să răspundă serverul | < 0.8s | 10% |
| CLSCumulative Layout Shift | Stabilitatea vizuala a paginii | < 0.1 | 15% |
| INPInteraction to Next Paint | Reactivitate la interactiuni | < 200ms | 30% |
| TBTTotal Blocking Time | Timp cat JS blochează main thread | < 200ms | 30% (Lab) |
IMPLEMENTARE PRACTICA
Cum obtinem CWV verzi pe fiecare proiect
Nu e vorba de optimizare post-lansare. Fiecare tehnica de mai jos e parte din arhitectura de baza a oricarui proiect KODERS. Lighthouse 95+ e rezultatul structural, nu o reglare de ultima ora.
Testeaza site-ul tau gratuitNext.js SSG/SSR
HTML pre-generat la build time. Browserul primeste pagina gata, fara reconstruire pe cerere.
Vercel Edge CDN
Continut livrat din cel mai apropiat nod de retea. TTFB sub 100ms global.
next/image
Imagini WebP automat, lazy loading nativ, width/height declarate. CLS = 0 garantat.
Zero plugin-uri WordPress
Fara overhead de 30+ fisiere JS/CSS per pagina. Fiecare linie de cod are un scop.
Code splitting automat
Browserul descarca doar JS-ul necesar paginii curente.
Defer scripturi terte
Pixeli, analytics, chat-uri deferate dupa First Paint. Nu blocheaza main thread.
Testeaza CWV-urile site-ului tau acum
Introduci URL-ul si primesti LCP, CLS, INP si Lighthouse score direct de la Google PageSpeed.
INTREBARI FRECVENTE
Ce vor sa stie clientii nostri
URMATORUL PAS
Vrei un site cu CWV verzi de la lansare?
La KODERS, fiecare proiect livreaza Lighthouse 95+ si CWV verde din prima zi. Nu ca bonus, ci ca standard.