Core Web Vitals: LCP, CLS și INP explicate. Trece pragurile de clasare ale Google optimizând Largest Contentful Paint, Cumulative Layout Shift și Interaction to Next Paint.

Pe această pagină
Rezumat
Core Web Vitals sunt trei metrici ale experienței utilizatorului (LCP, CLS, INP), pe care Google le folosește ca factori de clasare pentru a măsura cât de rapid și cât de receptiv este site-ul tău.
Vrei să afli mai mult? Întreabă
În 2021, Google a anunțat că Core Web Vitals sunt factori de clasare. Trei metrici specifice influențează acum direct pozițiile tale în căutare: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) și Interaction to Next Paint (INP). Site-urile cu indicatori slabi au mai puține șanse să se claseze bine. Site-urile cu indicatori excelenți câștigă un avantaj în clasare. Pentru SEO modern, trecerea testelor Core Web Vitals nu este negociabilă.
Implicațiile sunt profunde. Nu mai poți ignora performanța. Nu poți construi un site lent și spera la poziții bune. Google a arătat clar că experiența utilizatorului contează, iar Core Web Vitals o măsoară. Optimizarea Core Web Vitals nu mai este opțională; este obligatorie pentru vizibilitate competitivă în căutare.
Core Web Vitals măsoară trei dimensiuni ale experienței utilizatorului: viteza de încărcare (LCP), stabilitatea vizuală (CLS) și reactivitatea (INP). Pagina Web Vitals a Google definește în detaliu fiecare metrică. Aceste trei metrici reprezintă cele mai importante aspecte ale modului în care utilizatorii îți experimentează site-ul.
Google a colectat trilioane de date de la utilizatori reali ca să stabilească ce metrici contează cel mai mult. Rezultatul sunt Core Web Vitals. Nu sunt praguri arbitrare; sunt măsurători bazate pe dovezi despre ce face un site să pară rapid și receptiv pentru utilizatorii reali.
Anunțul oficial al Google explică modul în care Core Web Vitals influențează clasarea în căutare. Google consideră Core Web Vitals unul dintre mai mulți factori de clasare. Calitatea și relevanța conținutului contează în continuare mai mult, dar două site-uri la fel de relevante se vor clasa în funcție de performanța Core Web Vitals.
Largest Contentful Paint (LCP) măsoară cât durează până când cel mai mare element de conținut de pe pagină devine vizibil pentru utilizator. Poate fi o imagine, un videoclip, un titlu sau un bloc de text. LCP măsoară momentul în care utilizatorul vede conținutul principal și percepe că pagina s-a încărcat.
Recomandarea Google: LCP ar trebui să fie sub 2,5 secunde. Paginile cu LCP sub 2,5 secunde sunt considerate „bune”. Paginile cu LCP între 2,5 și 4 secunde „necesită îmbunătățiri”. Paginile cu LCP peste 4 secunde sunt „slabe”. Utilizatorii care întâlnesc un LCP peste 3 secunde percep pagina ca fiind lentă. Utilizatorii care întâlnesc un LCP peste 4 secunde renunță adesea la pagină.
Cauze frecvente ale unui LCP lent: timp lent de răspuns al serverului, CSS și JavaScript care blochează randarea, imagini neoptimizate și fonturi mari care durează să se încarce. Remediază LCP astfel: îmbunătățește viteza serverului (reducând timpul până la primul byte, TTFB), elimină resursele care blochează randarea, amână JavaScript-ul, optimizează și comprimă imaginile, folosește formate moderne de imagine (WebP) și precarcă resursele critice.
PageSpeed Insights arată scorul tău LCP și oferă recomandări concrete. Rulează testul pe paginile tale cheie, prioritizează recomandările după impact și implementează întâi remedierile cu cel mai mare impact.
Cumulative Layout Shift (CLS) măsoară deplasările neașteptate ale elementelor de pe pagină în timpul încărcării. Când citești un articol și textul sare brusc în jos pentru că s-a încărcat o reclamă deasupra lui, asta este deplasare de layout. CLS cuantifică cât de mult se deplasează layout-ul paginii în timpul încărcării.
Recomandarea Google: CLS ar trebui să fie sub 0,1. Un scor CLS sub 0,1 este „bun”. Scorurile între 0,1 și 0,25 „necesită îmbunătățiri”. Scorurile peste 0,25 sunt „slabe”. Chiar și deplasările mici se adună. Un CLS de 0,15 înseamnă că elementele de pe pagină s-au deplasat în total cu 15% din înălțimea ferestrei de vizualizare în timpul încărcării. Utilizatorii o găsesc supărătoare și resimt frustrare.
Cauze frecvente ale unui CLS ridicat: reclame care se încarcă asincron, imagini fără atributele de lățime și înălțime specificate, elemente încorporate (videoclipuri YouTube, widget-uri de rețele sociale) care se încarcă asincron și fonturi care se schimbă brusc. Remediază CLS astfel: specifică dimensiunile imaginilor în HTML (atributele width și height), rezervă spațiu pentru reclame înainte ca acestea să se încarce, folosește font-display: swap în CSS-ul @font-face ca să previi sacadările la schimbarea fontului și încarcă videoclipurile și elementele încorporate sincron sau cu spațiu rezervat.
Fiecare imagine de pe site-ul tău ar trebui să aibă atribute explicite de lățime și înălțime. Asta îi spune browserului să rezerve spațiu înainte ca imaginea să se încarce. Fără dimensiuni, browserul nu știe cât spațiu să rezerve, ceea ce provoacă deplasări de layout când sosește imaginea.
Interaction to Next Paint (INP) măsoară cât de receptivă este pagina ta la interacțiunile utilizatorului (click, atingere, introducere de la tastatură). INP este timpul dintre momentul în care utilizatorul interacționează cu pagina și momentul în care pagina răspunde vizual. O pagină receptivă răspunde în milisecunde. O pagină nereceptivă ia secunde.
Recomandarea Google: INP ar trebui să fie sub 200 de milisecunde. Scorurile sub 200 ms sunt „bune”. Scorurile între 200 și 500 ms „necesită îmbunătățiri”. Scorurile peste 500 ms sunt „slabe”. Utilizatorii se așteaptă la un răspuns imediat. Un INP de 500 ms pare greoi. Un INP de 1 secundă pare defect.
Cauze frecvente ale unui INP slab: JavaScript greu care blochează firul principal, scripturi terțe mari, handler-e de evenimente ineficiente și lipsa utilizării requestIdleCallback. Remediază INP astfel: sparge sarcinile lungi de JavaScript în bucăți mai mici, amână JavaScript-ul necritic, elimină scripturile nefolosite, optimizează ascultătorii de evenimente și folosește web workers pentru sarcinile intensive din punct de vedere computațional.
INP este adesea cel mai greu metric Core Web Vitals de optimizat, pentru că necesită experiență în JavaScript. Dacă echipa ta nu are competențe de optimizare JavaScript, ia în calcul un consultant de performanță sau un serviciu terț de optimizare a performanței.
Core Web Vitals se măsoară în două moduri: date de laborator și date de teren. Datele de laborator provin din instrumente precum PageSpeed Insights și Lighthouse, rulate într-un mediu controlat. Datele de teren provin de la utilizatori reali care vizitează site-ul tău. Google prioritizează datele de teren, pentru că reflectă experiența reală a utilizatorilor.
Traseul de învățare despre performanță al Google explică diferența dintre metricile de laborator și cele de teren. Datele de laborator te ajută să identifici probleme și să testezi remedieri. Datele de teren arată performanța reală. Poți avea scoruri excelente în laborator, dar scoruri slabe pe teren, dacă utilizatorii tăi reali folosesc rețele lente sau dispozitive vechi.
Google Search Console raportează datele de teren Core Web Vitals. Raportul arată măsurătorile reale ale utilizatorilor, agregate din Chrome User Experience Report (CrUX). Dacă site-ul tău nu are suficiente date reale ale utilizatorilor, Google oferă în schimb date de laborator din Lighthouse.
Google definește Core Web Vitals „bune” ca fiind cele care ating percentila 75 a experienței utilizatorilor. Asta înseamnă că 75% dintre utilizatorii reali au o experiență a site-ului egală sau mai bună decât pragul. Pragurile sunt:
LCP: 2,5 secunde sau mai puțin. CLS: 0,1 sau mai puțin. INP: 200 de milisecunde sau mai puțin. Aceste praguri au fost validate științific, prin analiza a trilioane de interacțiuni reale ale utilizatorilor. Paginile la aceste praguri sau peste ele oferă o experiență bună pentru utilizator.
Totuși, Google nu cere ca 100% dintre paginile tale să treacă testele Core Web Vitals. Dacă 75% dintre pagini trec, site-ul tău este considerat ca având Core Web Vitals „bune” în ansamblu. Asta înseamnă că poți avea unele pagini mai lente și totuși să treci testul, dacă majoritatea paginilor cu trafic sunt rapide.
Pentru optimizarea LCP: întâi măsoară TTFB (timpul până la primul byte) cu PageSpeed Insights. Dacă TTFB este lent (peste 600 ms), serverul este blocajul. Îmbunătățește hosting-ul, optimizează codul de backend sau folosește o rețea de livrare a conținutului (CDN). Dacă TTFB este bun, dar LCP este lent, CSS-ul sau JavaScript-ul tău blochează randarea. Amână JavaScript-ul necritic și include inline CSS-ul critic pentru conținutul vizibil fără derulare.
Pentru optimizarea CLS: auditează site-ul pentru elementele care se mișcă în timpul încărcării. Folosește DevTools-ul browserului ca să identifici elementele care se deplasează. Adaugă atribute width și height la fiecare imagine. Folosește font-display: swap în CSS. Rezervă spațiu pentru reclame, elemente încorporate și conținut dinamic.
Pentru optimizarea INP: folosește tab-ul Performance din Chrome DevTools ca să identifici sarcinile lungi de JavaScript (sarcinile care durează peste 50 ms). Sparge sarcinile lungi. Amână JavaScript-ul necritic. Folosește requestIdleCallback pentru lucrările cu prioritate scăzută. Testează pe dispozitive reale, nu doar pe calculatoare desktop.
Folosește Google Search Console ca să monitorizezi performanța Core Web Vitals. Raportul Core Web Vitals arată metricile reale ale utilizatorilor site-ului tău și cum se compară cu pragurile Google. Paginile sunt clasificate ca Good (bune), Needs Improvement (necesită îmbunătățiri) sau Poor (slabe).
Configurează alerte de monitorizare. Dacă Core Web Vitals scad, trebuie să investighezi imediat. Cauzele pot include: implementări noi de cod care au introdus ineficiențe, scripturi terțe noi, modificări ale imaginilor sau ale conținutului media ori probleme de hosting.
Monitorizează separat mobilul și desktopul. Dispozitivele mobile au de obicei procesoare mai lente și rețele mai lente, așa că Core Web Vitals sunt adesea mai slabe pe mobil decât pe desktop. Prioritizează optimizarea pentru mobil la site-urile cu trafic mobil important.
Core Web Vitals sunt acum un factor de clasare principal, comparabil ca importanță cu backlink-urile și calitatea conținutului. Site-urile cu Core Web Vitals slabe au șanse mici să se claseze bine, indiferent cât de bun ar fi conținutul lor. Asta înseamnă că optimizarea performanței trebuie să fie parte din strategia ta SEO, nu o idee de ultim moment.
Dacă concurezi pentru poziții, iar concurenții tăi au Core Web Vitals mai bune, ei au un avantaj în clasare. Nu poți câștiga doar cu conținutul dacă site-ul tău este lent și nereceptiv. Trebuie să egalezi sau să depășești performanța concurenților ca să concurezi în condiții egale.
Core Web Vitals sunt acum esențiale pentru succesul în SEO. Optimizarea LCP, CLS și INP îmbunătățește direct pozițiile tale în căutare și experiența utilizatorului. Site-urile cu Core Web Vitals excelente depășesc site-urile la fel de relevante, dar cu indicatori slabi. Nu există ocolire: dacă vrei poziții de top, trebuie să treci testele Core Web Vitals.
Începe prin a rula PageSpeed Insights pe paginile tale cheie. Identifică cele mai mari blocaje și rezolvă-le întâi. Prioritizează optimizarea pentru mobil. Monitorizează regulat performanța în Google Search Console. Folosește auditul nostru GEO SEO ca să identifici problemele Core Web Vitals de pe întreg site-ul și să urmărești îmbunătățirile în timp.
Surse
Nu. Core Web Vitals sunt necesare, dar nu suficiente pentru poziții de top. Un site cu Core Web Vitals excelente, dar cu conținut slab și fără backlink-uri, nu se va claseza bine. Core Web Vitals decid între site-uri cu calitate similară a conținutului.
Scorurile bune (de trecere) sunt: LCP sub 2,5 secunde, CLS sub 0,1 și INP sub 200 de milisecunde. Google se bazează pe percentila 75 a experienței utilizatorilor pentru aceste praguri.
Câștigurile rapide (optimizarea imaginilor, amânarea JavaScript-ului) pot îmbunătăți scorurile în câteva zile. Modificările structurale pot dura săptămâni. Optimizarea completă a Core Web Vitals durează de obicei 4-12 săptămâni.
AU ÎNCERCAT SORANK ÎNAINTEA TA
