În articolul despre viteza site-ului vă spuneam să măsurați cu PageSpeed Insights. Aici explicăm ce scrie în raportul pe care îl primiți: care numere contează cu adevărat, ce înseamnă fiecare și ce merită schimbat.
Raportul are două părți, care se citesc diferit
- Sus — datele reale de la vizitatori. Vin de la utilizatori Chrome care au intrat pe site-ul dumneavoastră, adunate pe ultimele 28 de zile. De aici iese verdictul testului, „a trecut / nu a trecut”, iar acestea sunt numerele care contează pentru Google.
- Jos — scorul 0–100 și lista de recomandări. Este o singură încărcare simulată, pe un telefon mediu, cu internet încetinit. Se schimbă de la o rulare la alta. Folosiți-o ca să vedeți ce anume este lent, nu ca verdict.
În imagine vedeți partea de sus a raportului, pentru un site rapid: verdictul Core Web Vitals Assessment: Passed și cele trei numere, fiecare cu bara lui colorată. Sub ele apar, la Other notable metrics, câteva numere în plus — First Contentful Paint și Time to First Byte — care vă informează, dar nu intră în verdict. Sus puteți alege Mobile sau Desktop: uitați-vă la Mobile. În dreapta aveți și alegerea între This URL (pagina testată) și Origin (tot domeniul).
Dacă în partea de sus scrie că nu sunt destule date, nu este o eroare: pur și simplu site-ul are prea puțin trafic pentru o măsurătoare reală. Atunci folosiți partea de jos ca reper, iar imaginea de ansamblu o primiți din nou după ce site-ul are mai mulți vizitatori.
Iar aici este partea de jos: scorul mare (aici 99) și numerele din testul de încărcare. Scorul are trei culori — 90–100 verde, 50–89 portocaliu, 0–49 roșu — iar lângă el apar și alte scoruri (accesibilitate, bune practici, SEO și altele) care nu au legătură cu viteza. Uitați-vă doar la cel de performanță.
Cele trei numere care contează
Sunt trei, li se spune „Core Web Vitals” și fiecare măsoară altceva:
- LCP — cât durează până când vizitatorul vede conținutul principal al paginii. Bun: sub 2,5 secunde. Slab: peste 4 secunde. Dacă acest număr este mare, problema este la încărcare: temă, cache, imagini.
- INP — cât de repede răspunde site-ul când cineva apasă pe un buton sau dă click pe un link. Bun: sub 200 de milisecunde. Slab: peste 500 de milisecunde. Se poate măsura doar la vizitatori reali, nu în testul de încărcare.
- CLS — cât „sare” pagina în timp ce se încarcă, adică butoanele și textele care se mută sub degetul vizitatorului. Bun: sub 0,1. Slab: peste 0,25.
În partea de jos a raportului apar și alte numere — First Contentful Paint, Total Blocking Time, Speed Index. Sunt folositoare pentru cine repară site-ul, dar verdictul se dă pe cele trei de mai sus.
Ca să treacă testul, toate trei trebuie să fie bune — un singur număr slab face raportul roșu. Și atenție: se socotește pe majoritatea vizitelor, nu pe cea mai bună. Telefonul și calculatorul se măsoară separat, iar cel care contează este telefonul, pentru că majoritatea vizitatorilor vin de pe telefon.
Ce merită schimbat
- LCP mare — mergeți la temă, cache și imagini, în ordinea asta: vedeți Cum fac un site WordPress mai rapid (tema, module, cache).
- INP mare — site-ul rulează prea mult cod în browserul vizitatorului. De obicei vinovatul este un modul greu sau prea multe module care își fac treaba în același timp — vedeți Cum instalez si administrez modulele WordPress (WordPress Manager).
- CLS mare — pagina sare din cauza imaginilor fără dimensiuni, a bannerelor inserate sau a fonturilor care se încarcă târziu. Se rezolvă din temă și este cel mai tehnic dintre cele trei: dacă apare roșu aici, deschideți un tichet și ne uităm noi.
- Cronul WordPress nu apare în raport, dar rulează la fiecare vizită: vedeți Ce este wp-cron.php si cum il inlocuim cu WP-CLI.
Rapoarte de audit și diagnostic
După scor și după numere, raportul are lista punctelor concrete — de aici aflați ce să schimbați. Lista are două grupe: Insights, punctele care țin pagina să se afișeze, și Diagnostics, fișierele încărcate degeaba și imaginile fără dimensiuni.
- Render-blocking requests — fișiere care țin pagina să se afișeze până se încarcă. Vin, de obicei, din temă. Lângă el apare Network dependency tree: fișiere care se așteaptă unul pe altul înainte ca pagina să se afișeze.
- Reduce unused JavaScript și Reduce unused CSS — site-ul încarcă fișiere întregi, dar folosește doar o parte din ele. Vinovați sunt temele și modulele care se încarcă peste tot, chiar și pe paginile unde nu au ce face.
- Image elements do not have explicit width and height — imaginile nu au dimensiunile scrise, de aceea pagina „sare” în timp ce se încarcă. Este exact cauza numărului CLS de mai sus.
- Improve image delivery și Minify JavaScript — fișiere mai mari decât ar trebui. Se rezolvă prin micșorarea imaginilor și, la nevoie, printr-un modul de optimizare.
Lângă fiecare rând scrie estimarea de îmbunătățire („est savings of 420 ms”): cu cât este mai mare, cu atât merită mai mult. Unele estimări sunt în milisecunde, altele în KiB, adică mărime de fișier. Iar culoarea de la începutul rândului arată importanța — roșu este cel mai important, portocaliu este mediu, iar cercul gri, ca la LCP breakdown, este doar informativ, nu o problemă.
În dreapta sus puteți filtra lista pe numărul care vă interesează, la Show audits relevant to: alegeți LCP dacă încărcarea este problema, CLS dacă pagina sare — sau lăsați All pentru toate. Așa rămâneți doar cu punctele care contează pentru dumneavoastră.
Cum măsurați corect
- Rulați testul de două-trei ori. Scorul se schimbă de la o rulare la alta; priviți ce rămâne constant.
- Măsurați aceeași pagină înainte și după o schimbare. Așa vedeți dacă ce ați făcut a contat — exact ca la articolul despre viteză.
- Pentru datele reale, aveți răbdare. Ele se adună pe 28 de zile, deci o schimbare de astăzi se vede treptat în partea de sus a raportului, nu imediat.
Bine de știut
- Viteza este doar unul dintre semnale. Google ține cont în primul rând de conținut și de felul în care răspunde site-ul la ce caută vizitatorul. Un site rapid, dar cu texte slabe, nu urcă în primele rezultate ale căutării: viteza ajută un site bun să fie văzut mai repede, dar nu ține loc de conținut. Cum se lucrează la partea de titluri, descrieri și vizibilitate în Google este explicat în Cum fac site-ul să fie găsit în Google.
- Nu vă luați după scorul din alte unelte care promit „viteză maximă”. Singurele numere care contează sunt cele de la vizitatori reali.
- Comparați-vă doar cu dumneavoastră. Fiecare site are altă temă și alt conținut; nu are sens să vă comparați cu alte site-uri.
Dacă ați deschis raportul și nu sunteți sigur ce să faceți mai departe, deschideți un tichet și scrieți-ne adresa site-ului: ne uităm împreună și vă spunem ce merită schimbat, în ce ordine.
