Core Web Vitals WordPress: cum îmbunătățești LCP, INP și CLS

Core Web Vitals sunt trei măsurători prin care Google evaluează experiența reală a vizitatorilor: LCP (cât de repede apare conținutul principal), INP (cât de repede reacționează pagina la click-uri) și CLS (cât de stabil e aspectul paginii). Pentru o experiență „bună”, ai nevoie de LCP sub 2,5 secunde, INP sub 200 de milisecunde și CLS sub 0,1, măsurate la 75% dintre vizite.

Ce sunt Core Web Vitals și de ce contează

Google le folosește ca parte a semnalelor de „experiență a paginii” în clasare. Contează însă și pentru afacerea ta: o pagină care apare greu sau sare sub degetul vizitatorului pierde clienți, indiferent de poziția în Google.

Spre deosebire de scorul PageSpeed, Core Web Vitals se calculează din datele reale ale vizitatorilor din Chrome (raportul CrUX), pe ultimele 28 de zile. De aceea, o îmbunătățire se vede în Search Console abia după câteva săptămâni.

1. LCP: Largest Contentful Paint

LCP măsoară cât durează până se afișează cel mai mare element vizibil: de obicei imaginea principală sau titlul. Ținta: sub 2,5 secunde.

Cum îmbunătățești LCP

un hosting rapid, cu cache de pagină: un timp de răspuns al serverului (TTFB) mic e baza;
imaginea LCP optimizată (WebP/AVIF, dimensiune corectă), cu fetchpriority="high" și fără lazy load;
CSS critic inline și restul CSS-ului încărcat asincron;
fonturi găzduite local, cu font-display: swap și cât mai puține preload-uri;
fără slidere în partea de sus a paginii: sunt aproape întotdeauna cel mai lent element.

2. INP: Interaction to Next Paint

Din martie 2024, INP a înlocuit vechea măsurătoare FID. Măsoară cât de repede reacționează pagina la toate interacțiunile vizitatorului (click-uri, atingeri, tastare), nu doar la prima. Ținta: sub 200 ms.

Cum îmbunătățești INP

mai puțin JavaScript: elimină pluginurile și scripturile terțe de care nu ai nevoie (chat, widget-uri sociale, trackere duplicate);
amână (defer) scripturile neesențiale și întârzie-le pe cele de marketing până la prima interacțiune;
atenție la page builderele grele și la temele care încarcă biblioteci mari pe fiecare pagină;
pe magazine, verifică filtrele de produse și mini-coșul: sunt surse frecvente de INP mare.

3. CLS: Cumulative Layout Shift

CLS măsoară cât „sare” conținutul în timpul încărcării: textul care se mută când apare o imagine, un banner sau un font. Ținta: sub 0,1.

Cum îmbunătățești CLS

dimensiuni declarate (width și height) pentru toate imaginile, video-urile și iframe-urile;
spațiu rezervat pentru reclame, bannere de cookie-uri și elementele încărcate dinamic;
fonturi cu metrici apropiate de fontul de rezervă sau preîncărcate corect;
fără conținut inserat deasupra celui deja afișat (bare de notificare care împing pagina în jos).

Unde măsori Core Web Vitals

Google Search Console → Core Web Vitals: situația pe tot site-ul, din date reale. E sursa care contează pentru Google.
PageSpeed Insights: date reale (dacă ai trafic suficient) și un test de laborator cu recomandări.
WebPageTest și GTmetrix: cascada de încărcare, ca să vezi exact ce întârzie pagina.
Chrome DevTools → Performance: pentru depanarea INP pe interacțiuni concrete.

Scorurile de laborator variază cu ±5–15 puncte de la un test la altul. Urmărește tendința și datele reale, nu un singur test.

Optimizări de server care ajută toate cele trei măsurători

PHP 8.3 sau mai nou: semnificativ mai rapid decât versiunile vechi;
HTTP/2 și HTTP/3 și compresie Brotli;
cache pe server (de exemplu LiteSpeed Cache) și object cache cu Redis;
CDN pentru imagini și fișiere statice.

Core Web Vitals și SEO

Un site rapid nu urcă automat pe primul loc: conținutul relevant rămâne factorul principal. Între două pagini la fel de bune, însă, cea cu experiența mai bună are avantaj. Și, mai important, convertește mai bine.

Ghidul complet cu toți pașii e în optimizarea vitezei WordPress. Vrei să afli unde pierde timp site-ul tău? Rulează verificarea gratuită. Pe planul Business de mentenanță, monitorizăm viteza lunar.