Core Web Vitals sunt trei indicatori prin care Google măsoară experiența reală a vizitatorilor pe o pagină: cât de repede apare conținutul principal (LCP), cât de repede reacționează pagina la acțiuni (INP) și cât de stabil rămâne aspectul în timpul încărcării (CLS). Valorile considerate bune sunt LCP de cel mult 2,5 secunde, INP de cel mult 200 de milisecunde și CLS de cel mult 0,1, măsurate la percentila 75 a vizitelor.
Pe scurt, sunt o modalitate standard de a răspunde la întrebarea „site-ul meu e rapid și plăcut de folosit pentru oamenii reali?”. Mai jos explicăm fiecare indicator fără jargon, cum îi verifici gratuit și ce îi strică de obicei.
Pe scurt
LCP măsoară încărcarea, INP reacția la clic sau atingere, CLS stabilitatea vizuală. Pragurile bune: LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1, pentru cel puțin 75% din vizite. Contează datele reale ale vizitatorilor (din Search Console și PageSpeed Insights), nu doar scorul unui test punctual.
Ce sunt Core Web Vitals și de ce contează viteza site-ului
Google a definit Core Web Vitals ca un set mic de indicatori comuni pentru experiența paginii. Fiecare surprinde un moment concret în care vizitatorul își face o părere despre site: „se încarcă?”, „răspunde?”, „pot citi fără să-mi fugă textul?”.
Contează din două motive. Primul ține de oameni: un site lent sau instabil este frustrant, iar vizitatorii pleacă mai ușor înainte să ajungă la formular sau la coș. Al doilea ține de căutare: Google folosește experiența paginii printre semnalele de clasare, dar relevanța și calitatea conținutului rămân mai importante. Un site rapid cu conținut slab nu urcă doar prin viteză; un conținut bun pe un site lent poate pierde însă vizitatori.
LCP: cât de repede apare conținutul principal
LCP (Largest Contentful Paint) măsoară timpul până când cel mai mare element vizibil din primul ecran este afișat. De obicei este imaginea principală, un banner sau un bloc mare de text. Este cel mai apropiat indicator de impresia „pagina s-a încărcat”.
- Bun: cel mult 2,5 secunde.
- Necesită îmbunătățire: între 2,5 și 4 secunde.
- Slab: peste 4 secunde.
Cauze frecvente: imagini mari și neoptimizate, server care răspunde greu, fonturi și scripturi care blochează afișarea, imaginea principală încărcată „leneș” (doar când ajunge în ecran) deși e vizibilă imediat.
INP: cât de repede reacționează pagina
INP (Interaction to Next Paint) măsoară cât durează până când pagina arată un răspuns vizibil după ce vizitatorul face clic, atinge ecranul sau apasă o tastă. Se uită la interacțiunile de pe parcursul întregii vizite și raportează una dintre cele mai lente. Din martie 2024, INP a înlocuit vechiul indicator FID (First Input Delay), care măsura doar întârzierea primei interacțiuni.
- Bun: cel mult 200 de milisecunde.
- Necesită îmbunătățire: între 200 și 500 de milisecunde.
- Slab: peste 500 de milisecunde.
Cauze frecvente: prea mult JavaScript care rulează în același timp, scripturi externe (chat, reclame, analiză, widgeturi) care țin ocupat browserul, meniuri sau filtre care recalculează toată pagina la fiecare clic. Pe telefoanele mai modeste problema se vede mult mai clar decât pe un laptop performant.
CLS: cât de mult „sare” conținutul
CLS (Cumulative Layout Shift) măsoară cât de mult se mută elementele din pagină în mod neașteptat. Situația tipică: vrei să apeși un buton, se încarcă o imagine sau un banner deasupra, iar butonul coboară și apeși altceva. CLS nu este în secunde, ci un scor fără unitate de măsură.
- Bun: cel mult 0,1.
- Necesită îmbunătățire: între 0,1 și 0,25.
- Slab: peste 0,25.
Cauze frecvente: imagini și videoclipuri fără dimensiuni rezervate, bannere de cookie-uri sau reclame inserate peste conținut, fonturi care se schimbă vizibil după încărcare, elemente adăugate dinamic deasupra textului deja afișat.
Sfat practic
Pragurile se aplică la percentila 75. Asta înseamnă că o pagină trece doar dacă cel puțin trei sferturi din vizite au o experiență bună. Nu e suficient ca site-ul să fie rapid pe calculatorul tău, la birou, pe internet bun.
Date reale vs. teste de laborator: de ce scorul diferă
Există două feluri de măsurători, iar confuzia dintre ele este cea mai frecventă sursă de neînțelegeri.
- Date din teren (field data): vin de la vizitatori reali, pe dispozitivele și conexiunile lor, agregate pe o perioadă de mai multe săptămâni. Pe acestea le folosește Google pentru evaluarea Core Web Vitals.
- Date de laborator (lab data): un test simulat, rulat o singură dată, pe un dispozitiv și o conexiune standard. Sunt utile pentru a găsi cauze și a verifica rapid o modificare, dar nu reflectă exact experiența publicului tău.
De aceea poți avea un scor de laborator mare și totuși probleme în datele reale, sau invers. Pentru site-urile cu puțini vizitatori, datele din teren pot lipsi complet, iar atunci te bazezi pe testele de laborator și pe verificări pe telefoane reale.
Cum verifici Core Web Vitals: PageSpeed Insights și Search Console
PageSpeed Insights
PageSpeed Insights este un instrument gratuit de la Google. Introduci adresa unei pagini și primești, sus, datele reale ale vizitatorilor (dacă există suficiente) și, mai jos, un test de laborator cu scor și recomandări. Verifică separat rezultatele pentru mobil și pentru desktop și testează paginile importante: pagini de servicii, categorii, produse, nu doar prima pagină.
Google Search Console
Raportul Core Web Vitals din Search Console grupează paginile site-ului după starea lor (bune, necesită îmbunătățire, slabe) și după problema principală. Este cel mai bun loc pentru a vedea imaginea de ansamblu și pentru a urmări dacă o corectură a avut efect. Rezultatele se actualizează treptat, pe măsură ce se adună date noi, așa că îmbunătățirile nu apar a doua zi.
Cum îmbunătățești viteza site-ului: soluțiile obișnuite
- Optimizează imaginile: formate moderne, dimensiuni potrivite ecranului, compresie, iar imaginea principală încărcată cu prioritate.
- Rezervă spațiu pentru imagini, videoclipuri, reclame și bannere, ca să nu împingă conținutul.
- Redu scripturile externe: păstrează doar ce folosești și încarcă-le după conținutul principal sau după consimțământ, unde e cazul.
- Împarte sarcinile JavaScript mari, ca pagina să rămână receptivă la clic.
- Folosește o găzduire potrivită traficului, cache și, dacă publicul e larg, o rețea de distribuție a conținutului (CDN).
- Încarcă fonturile eficient și limitează numărul de variante folosite.
- Renunță la teme și module încărcate cu funcții pe care nu le folosești.
Ordinea contează. Începe cu paginile care aduc cele mai multe vizite sau cereri și cu indicatorul aflat cel mai departe de prag. Corecturile simple, ca optimizarea imaginilor sau rezervarea spațiului pentru bannere, se fac de obicei rapid. Problemele de INP cauzate de prea mult JavaScript sau de o temă supraîncărcată pot cere modificări mai profunde în felul în care e construit site-ul.
Platforma contează și ea, dar nu decide singură rezultatul. Un site pe WordPress, Shopify sau construit personalizat, de exemplu cu Next.js, poate fi rapid sau lent în funcție de temă, de module, de imagini și de scripturile adăugate în timp. De aceea, verificarea nu se face o singură dată: fiecare widget nou, fiecare script de marketing sau fiecare modul instalat poate schimba indicatorii.
Checklist rapid pentru viteza site-ului
- Am verificat paginile importante în PageSpeed Insights, pe mobil și pe desktop.
- Am deschis raportul Core Web Vitals din Search Console și știu ce grupuri de pagini au probleme.
- Imaginea principală din primul ecran se încarcă prioritar și are dimensiuni potrivite.
- Imaginile, videoclipurile și bannerele au spațiu rezervat.
- Scripturile externe nefolosite au fost eliminate.
- Am testat site-ul pe un telefon obișnuit, nu doar pe cel mai nou model.
- Am notat valorile înainte de modificări, ca să pot compara după câteva săptămâni.
Limită importantă
Un scor de 100 în testul de laborator nu este un scop în sine. Prioritizează paginile care aduc cereri sau vânzări și problemele care afectează vizitatorii reali. Uneori un element util (o hartă, un configurator) merită păstrat, chiar dacă scade puțin scorul, cu condiția să fie încărcat inteligent.
Cum te ajută WEB-AZ cu Core Web Vitals
La WEB-AZ verificăm Core Web Vitals pe paginile importante, atât în datele reale, cât și în teste de laborator, și propunem corecturi în ordinea impactului: imagini, scripturi, fonturi, găzduire sau, când e cazul, o reconstrucție a șablonului. Dacă vrei să știi de ce site-ul tău se încarcă greu, trimite-ne adresa lui și câteva pagini care contează pentru tine.
Pași următori