PageSpeed Insights: kako čitati rezultate i šta popraviti prvo

Kada unesete adresu sajta u PageSpeed Insights, za nekoliko sekundi dobijete krug sa ocenom, nekoliko obojenih metrika i dugačak spisak preporuka. Mnogi tu stanu kod broja: crveno je loše, zeleno je dobro. Međutim, izveštaj ima dva potpuno različita dela, a najvažnije informacije nisu u velikom krugu. U nastavku objašnjavamo kako da pročitate rezultate i kako da odredite šta vredi popraviti prvo.

Dva dela izveštaja: stvarni korisnici i laboratorija

Gornji deo izveštaja prikazuje podatke o tome kako su stvarni korisnici doživeli vaš sajt. Ti podaci dolaze iz Chrome User Experience Report-a (CrUX), obuhvataju poslednjih 28 dana i prikazuju vrednost koju dostiže 75% poseta. Donji deo je laboratorijski test koji alat Lighthouse izvodi u tom trenutku, na simuliranom telefonu srednje klase i usporenoj mobilnoj vezi.

Ako se dva dela ne slažu, to nije greška. Posetioci možda imaju brže telefone od simuliranog, ili dolaze na već keširanu stranicu. Kada postoje, terenski podaci su bolja slika stvarnosti.

Core Web Vitals procena: prvo pogledajte ovo

Na vrhu izveštaja stoji da li stranica prolazi ili ne prolazi procenu Core Web Vitals. Procena se zasniva na tri metrike i njihovim granicama za ocenu „dobro“:

• LCP (Largest Contentful Paint) – koliko brzo se prikaže najveći element na ekranu, obično glavna slika ili naslov. Dobro je do 2,5 sekunde.
• INP (Interaction to Next Paint) – koliko brzo stranica vizuelno reaguje na klik ili dodir. Dobro je do 200 milisekundi.
• CLS (Cumulative Layout Shift) – koliko se sadržaj pomera tokom učitavanja. Dobro je do 0,1.

Pored njih prikazuju se i pomoćne metrike, poput vremena do prvog bajta (TTFB) i prvog prikaza sadržaja (FCP). One nisu deo procene, ali pomažu da se nađe uzrok. Detaljnije objašnjenje svake metrike dali smo u tekstu Core Web Vitals objašnjeno jednostavno.

Obratite pažnju i na prekidač između podataka za tu konkretnu adresu i podataka za ceo sajt (origin). Kada pojedinačna stranica nema dovoljno poseta, alat može prikazati samo prosek celog domena.

Šta zapravo znači ocena od 0 do 100

Veliki broj u krugu je ocena performansi iz laboratorijskog testa. Računa se kao ponderisani zbir nekoliko metrika. U aktuelnim verzijama Lighthouse-a najveću težinu imaju Total Blocking Time, LCP i CLS, a manju First Contentful Paint i Speed Index. Zanimljivo je da INP nije u ocenu uključen, jer se interakcija ne može izmeriti bez stvarnog korisnika; najbliži laboratorijski pokazatelj je Total Blocking Time.

Ocena nije faktor rangiranja i nije vredna jurenja po svaku cenu. Njena prava vrednost je u poređenju: ako posle izmene ocena značajno padne, nešto ste pogoršali. Imajte u vidu i da mobilni test gotovo uvek daje nižu ocenu od desktop testa, jer simulira sporiji uređaj i vezu.

Preporuke i dijagnostika: kako ih čitati

Ispod metrika nalaze se preporuke. Uz mnoge stoji procena uštede u sekundama ili kilobajtima, a moguće je filtrirati ih po metrici na koju utiču. To je koristan redosled, ali procene su približne i ne sabiraju se jednostavno. Tipične preporuke i njihovo značenje:

• Smanjite nekorišćeni JavaScript i CSS – učitava se kod koji stranica ne koristi, često iz tema i dodataka.
• Eliminišite resurse koji blokiraju prikazivanje – skripte i stilovi u zaglavlju odlažu prvi prikaz.
• Pravilno dimenzionišite slike i koristite moderne formate – slike su veće nego što je potrebno za ekran.
• Smanjite vreme odgovora servera – problem je u hostingu, bazi podataka ili nedostatku keša.
• Izbegavajte ogromna mrežna opterećenja – stranica ukupno preuzima previše podataka.

Deo preporuka odnosi se na skripte trećih strana: chat widget, mape, pikseli za oglase, video. Njih često ne možete optimizovati, već samo odlučiti da li vam zaista trebaju ili ih učitati tek kada su potrebne.

Šta popraviti prvo

Umesto da redom rešavate sve crvene stavke, krenite od metrike koja ne prolazi u terenskim podacima, pa tražite uzroke u laboratorijskom delu. Praktičan redosled za većinu malih sajtova:

1. Server i keš. Ako je TTFB visok, sve ostalo kasni. Keširanje stranica i kvalitetniji hosting često daju najveći pomak.
2. Glavna slika (LCP). Kompresujte je, koristite WebP ili AVIF, zadajte dimenzije i nemojte je učitavati lenjo (lazy load) ako je na vrhu stranice. Više u tekstu o optimizaciji slika.
3. Pomeranje sadržaja (CLS). Zadajte širinu i visinu slikama, rezervišite prostor za banere i pazite na fontove koji menjaju veličinu teksta.
4. JavaScript (INP i TBT). Uklonite dodatke koje ne koristite, odložite nebitne skripte i preispitajte spoljne alate.
5. Sitnice. Minifikacija, kompresija i slične stavke daju manje pomake i obično dolaze na kraju.

Za WordPress sajtove konkretne korake opisali smo u vodiču kako ubrzati WordPress sajt, a ako je problem u serveru, pogledajte i tekst koji hosting izabrati.

Česte zablude

• „Testirao sam samo početnu stranicu.“ Stranice usluga, kategorija i blog tekstovi često su sporiji i važniji za upite.
• „Posle izmene terenski podaci se nisu promenili.“ Oni obuhvataju 28 dana, pa je potrebno nekoliko nedelja da se poboljšanje vidi.
• „Desktop je zelen, znači da je sve u redu.“ Većina posetilaca dolazi sa telefona, pa je mobilni rezultat važniji.
• „Dodatak za keš je sve rešio.“ Keš pomaže serveru, ali ne rešava prevelike slike i težak JavaScript.

Zaključak

PageSpeed Insights je koristan alat kada znate šta čitate: terenski podaci govore kako se sajt ponaša za stvarne posetioce, a laboratorijski test pomaže da nađete uzrok i proverite izmene. Ne jurite ocenu 100, već prolaz Core Web Vitals procene i sajt koji je brz na telefonu. Ako vam izveštaj deluje nerazumljivo ili ste već pokušali sa dodacima bez rezultata, pošaljite nam adresu sajta, pa ćemo vam reći gde je stvarni problem i šta ima smisla menjati.