Core Web Vitals

Core Web Vitals reprezintă un subset al inițiativei Web Vitals. Metricile se aplică tuturor paginilor web și urmăresc rezultate distincte, centrate pe experiența utilizatorului. Ele pot fi măsurate în teren, pe baza utilizărilor reale.

Metricile Core Web Vitals

• Largest Contentful Paint (LCP) măsoară performanța încărcării. LCP indică momentul în care principalul conținut vizibil al paginii s-a încărcat probabil. Pragul recomandat este de cel mult 2,5 secunde de la începerea încărcării.
• Interaction to Next Paint (INP) măsoară interactivitatea și capacitatea paginii de a răspunde la acțiunile utilizatorului. INP urmărește latența interacțiunilor pe durata utilizării paginii. Pragul recomandat este de cel mult 200 de milisecunde.
• Cumulative Layout Shift (CLS) măsoară stabilitatea vizuală. Un scor redus indică mai puține deplasări neașteptate ale elementelor din pagină. Pragul recomandat este de cel mult 0,1.

Evaluarea conformității trebuie făcută pentru toate cele trei metrici, la percentila 75 a încărcărilor, separat pentru dispozitive mobile și desktop.

Metrici de diagnostic

Time to First Byte (TTFB) ajută la evaluarea configurării conexiunii și a vitezei cu care serverul începe să răspundă. Poate fi util pentru diagnosticarea problemelor asociate încărcării și LCP, dar nu face parte din Core Web Vitals. Total Blocking Time (TBT) este, de asemenea, o metrică de diagnostic, nu o componentă a setului.

Setul Core Web Vitals poate evolua. Metricile actuale LCP, INP și CLS sunt considerate stabile. O metrică stabilă poate fi înlocuită dacă o altă metrică evaluează mai bine aceeași zonă a experienței.

Core Web Vitals contează în SEO deoarece, împreună cu alte aspecte ale experienței paginii, se aliniază cu ceea ce sistemele principale de clasare Google urmăresc să recompenseze. Google recomandă proprietarilor de site-uri să obțină valori bune atât pentru performanța în Căutare, cât și pentru experiența generală a utilizatorilor.

Aceste metrici nu trebuie tratate izolat. LCP arată cât de repede devine disponibil conținutul principal, INP indică modul în care pagina răspunde la interacțiuni, iar CLS evidențiază deplasările vizuale neașteptate. O pagină trebuie să îndeplinească țintele recomandate pentru toate cele trei metrici pentru a fi considerată conformă în evaluarea Core Web Vitals.

Extrasele oficiale nu stabilesc că LCP, INP sau CLS influențează direct selecția ori citarea conținutului în interfețe sau motoare bazate pe inteligență artificială. Prin urmare, Core Web Vitals nu trebuie prezentate ca factor GEO sau ca metodă garantată de apariție în răspunsuri generate de modele lingvistice.

Impactul susținut este unul legat de experiența paginii accesate. Încărcarea, interactivitatea și stabilitatea vizuală rămân relevante pentru folosirea paginii. Optimizarea trebuie făcută fără a substitui calitatea și utilitatea conținutului.

Un magazin online românesc constată în raportul Core Web Vitals din Google Search Console că unele pagini de categorie au probleme asociate LCP.

Echipa verifică aceleași pagini în PageSpeed Insights și Chrome DevTools. Elementul LCP este imaginea principală afișată în zona vizibilă. După identificarea resursei, dezvoltatorii investighează separat răspunsul serverului, întârzierea încărcării resursei, durata descărcării și întârzierea randării.

În paralel, echipa verifică INP prin interacțiuni precum deschiderea filtrelor și adăugarea produselor în coș. CLS este urmărit pentru a detecta imaginile, bannerele sau alte elemente care își schimbă neașteptat poziția.

TTFB poate ajuta la diagnosticarea componentei de răspuns a serverului. Totuși, raportarea finală a Core Web Vitals rămâne limitată la LCP, INP și CLS.

1. Deschide raportul Core Web Vitals din Google Search Console pentru a vedea cum performează paginile.
2. Verifică separat rezultatele pentru dispozitive mobile și desktop.
3. Introdu paginile reprezentative în PageSpeed Insights și examinează datele reale disponibile pentru LCP, INP și CLS.
4. Folosește Chrome DevTools pentru a investiga elementul LCP, interacțiunile lente și deplasările de aspect.
5. Consultă datele din Chrome User Experience Report (CrUX) pentru evaluarea agregată bazată pe utilizatori reali.
6. Pentru analiză detaliată pe afișări individuale de pagină, implementează monitorizare proprie RUM. Biblioteca JavaScript web-vitals poate colecta LCP, INP și CLS prin API-urile web disponibile.
7. Folosește TTFB și TBT numai pentru diagnostic. Nu le raporta drept componente Core Web Vitals.

1. Identifică mai întâi paginile semnalate în Google Search Console.
2. Analizează separat LCP, INP și CLS, deoarece fiecare măsoară o componentă diferită a experienței.
3. Pentru LCP, identifică elementul principal și componentele care întârzie încărcarea sau randarea acestuia.
4. Pentru INP, testează interacțiunile importante pe întreaga durată de utilizare a paginii.
5. Pentru CLS, localizează elementele care își schimbă neașteptat poziția.
6. Compară datele agregate CrUX cu informațiile de diagnostic disponibile în PageSpeed Insights și Chrome DevTools.
7. Configurează RUM dacă ai nevoie de date detaliate pentru fiecare afișare de pagină.
8. Evaluează conformitatea pentru toate cele trei metrici, separat pe mobil și desktop.