Google măsoară trei lucruri despre felul în care se simte un site pentru cei care îl folosesc: cât de repede apare conținutul principal, cât de repede reacționează pagina la un clic și cât de mult „sar” elementele în timp ce se încarcă. Se numesc Core Web Vitals. Nu sunt singurul lucru după care Google ordonează rezultatele, dar sunt un semnal real, iar vizitatorii simt fiecare dintre ele.
Ce vei reuși
- știi ce măsoară fiecare dintre cele trei cifre și ce valoare e bună;
- îți vezi cifrele reale, de la vizitatorii adevărați;
- știi de unde vine de obicei o valoare proastă.
Cele trei cifre
| Cifra | Ce măsoară | Bun | De îmbunătățit | Slab |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | în cât timp apare cel mai mare element vizibil: poza mare, titlul, un bloc de text | până la 2,5 s | 2,5–4 s | peste 4 s |
| INP (Interaction to Next Paint) | cât de repede răspunde pagina când apeși, atingi sau tastezi | până la 200 ms | 200–500 ms | peste 500 ms |
| CLS (Cumulative Layout Shift) | cât de mult se mută conținutul cât se încarcă pagina | până la 0,1 | 0,1–0,25 | peste 0,25 |
Google se uită la valoarea pe care o au 75% dintre vizite: dacă trei sferturi dintre vizitatori au LCP sub 2,5 secunde, LCP-ul paginii e „bun”.
Două feluri de măsurători
- Datele de teren (field data): vin de la vizitatorii reali care folosesc Chrome, adunate pe ultimele 28 de zile. Contează pentru Google. Un site nou sau cu puține vizite poate să nu aibă încă destule.
- Datele de laborator (lab data): un test făcut acum, de pe un singur dispozitiv simulat. E bun ca să găsești cauza și să vezi imediat efectul unei schimbări. Scorul de la 0 la 100 din PageSpeed Insights e din laborator.
Dacă cele două se contrazic, crede datele de teren.
Pașii
A. Îți vezi cifrele
- Deschide https://pagespeed.web.dev și scrie adresa paginii, de exemplu prima pagină.
- Sus vezi rezultatul pentru mobil; fila de lângă e pentru calculator. Începe cu mobilul: acolo sunt de obicei problemele și de acolo vin cei mai mulți vizitatori.
- Prima secțiune arată datele de teren pentru LCP, INP și CLS, dacă există. Dedesubt e testul de laborator, cu scorul și cu lista de recomandări (Diagnostice).
- Repetă pentru 2–3 pagini importante: o pagină de serviciu, o pagină de produs, pagina de contact.
B. Le urmărești în timp
- În Search Console (vezi Google Search Console: îți legi site-ul de Google), raportul Core Web Vitals grupează paginile site-ului în bune, de îmbunătățit și slabe, separat pentru mobil și calculator.
- După o reparație, raportul se actualizează treptat, pe măsură ce vin date noi de la vizitatori, adică în câteva săptămâni.
C. Găsești cauza
LCP slab — conținutul principal apare târziu:
- poza mare din capul paginii e prea grea sau într-un format vechi (vezi Imagini WebP și AVIF: același aspect, mai puțini kilobytes);
- poza mare e încărcată întârziat (
loading="lazy"); prima imagine trebuie încărcată imediat (vezi Imaginile în WordPress: mărime, format și încărcare); - serverul răspunde greu: pagina nu e în cache, versiunea PHP e veche sau sunt prea multe pluginuri (vezi Site lent: ce verifici, în ordine);
- fonturi și scripturi externe care țin pagina în loc.
INP slab — pagina reacționează greu la clic:
- prea mult JavaScript: slidere, animații, chaturi, pixeli de reclame, constructoare de pagini;
- scripturi de la alte firme (chat, recenzii, hărți) care rulează la fiecare clic.
CLS slab — conținutul sare:
- imagini fără lățime și înălțime în cod, așa că pagina nu le rezervă locul;
- bannere, reclame sau bara de cookie-uri care împing conținutul în jos după ce s-a încărcat;
- fonturi care se schimbă după încărcare și modifică lungimea textului.
Ce e realist pentru un site mic
- Un scor de laborator de 100 nu e scopul; cele trei cifre „bune” la vizitatorii reali sunt.
- Cele mai multe câștiguri vin din trei locuri: imaginile, cache-ul și numărul de scripturi externe.
- Un plan de găzduire mai mare nu repară o pagină grea. Dacă pagina e lentă chiar și cu un singur vizitator, cauza e de obicei în pagină, nu în server.
Dacă ceva nu merge
- PageSpeed spune că nu există date de teren. Pagina are prea puține vizite din Chrome. Folosește testul de laborator și urmărește raportul din Search Console pe măsură ce cresc vizitele.
- Scorul diferă de la un test la altul. E normal pentru testul de laborator: depinde de rețea și de încărcarea momentului. Rulează-l de 2–3 ori și uită-te la tendință.
- Totul e verde pe calculator și roșu pe mobil. Testul de mobil simulează un telefon mediu, pe o rețea mai lentă. Pornește de la recomandările de pe fila de mobil.
- Nu știi ce să schimbi primul. Trimite-ne adresa paginii și ne uităm împreună la raport.