Kada agenciji poverite izradu sajta, rezultat obično gledate na sastanku: veliki ekran, brz internet, dizajner koji vas vodi kroz svaku sekciju. Vaši posetioci vide nešto drugo. Sajt otvaraju na telefonu srednje klase, preko mobilnog interneta, često dok rade nešto drugo. PageSpeed Insights je Google-ov besplatan alat koji pokazuje upravo tu drugu verziju sajta, a najbolje vreme da ga pogledate je pre nego što odobrite dizajn, ne posle puštanja sajta u rad.
U ovom tekstu objašnjavamo šta alat meri, kako da čitate izveštaj i šta da pitate ljude koji vam prave sajt. Kao primer koristimo naš sajt izradasajtovasrbija.com, koji smo 2026. napravili iz početka i testirali isto kao projekte naših klijenata.
Dve vrste podataka u jednom izveštaju
Izveštaj PageSpeed Insights spaja dva različita izvora i njihovo mešanje je najčešća greška.
- Laboratorijski podaci dolaze iz alata Lighthouse, koji stranicu učitava jednom, u simuliranim uslovima: emulirani telefon i usporena mreža. Google navodi da su korisni za otkrivanje problema jer se prikupljaju u kontrolisanom okruženju.
- Podaci sa terena dolaze iz Chrome User Experience Report-a (CrUX): to su merenja stvarnih korisnika Chrome-a u prethodnih 28 dana. Prema Google-u, oni pokazuju pravo iskustvo korisnika.
Nemaju svi sajtovi podatke sa terena. Novi sajtovi i sajtovi sa manje poseta često u tom delu vide poruku „No Data". Kada podataka nema za pojedinačnu stranicu, PageSpeed Insights prikazuje podatke za ceo domen, a ako ni njih nema, dobijate samo laboratorijski test. Laboratorijski podaci su rano upozorenje, a podaci sa terena konačna ocena.
Ocena i Core Web Vitals procena nisu ista stvar
Veliki broj na vrhu, ocena Performance od 0 do 100, računa se samo iz laboratorijskog testa. To je ponderisan zbir pet metrika: u aktuelnim verzijama Lighthouse-a Total Blocking Time nosi 30%, Largest Contentful Paint i Cumulative Layout Shift po 25%, a First Contentful Paint i Speed Index po 10%. Ocena od 90 i više smatra se dobrom. Rezultat se menja od testa do testa i Google u svojoj dokumentaciji savetuje da performanse posmatrate kao raspon rezultata, a ne kao jedan broj.
Core Web Vitals procena je posebna ocena „prolazi / ne prolazi" zasnovana na podacima sa terena. Gleda 75. percentil stvarnih poseta i prolazi kada su sve tri metrike u zelenoj zoni. To znači da stranica može imati 100 u laboratoriji, a da ipak ne prođe procenu, na primer kada posetioci sa starijim telefonima nailaze na teške skripte koje laboratorijski test nije pokrenuo.
LCP, INP i CLS jednostavnim rečima
- Largest Contentful Paint (LCP) meri koliko je potrebno da se pojavi glavni sadržaj, obično velika slika ili naslov na vrhu. Dobro je 2,5 sekunde ili manje.
- Interaction to Next Paint (INP) meri koliko brzo stranica reaguje kada neko dodirne, klikne ili kuca, tokom cele posete. Dobro je 200 milisekundi ili manje. INP je zamenio First Input Delay kao Core Web Vital još 2024, dakle nije novost, ali mnogi stariji sajtovi nisu pravljeni sa njim na umu.
- Cumulative Layout Shift (CLS) meri koliko sadržaj „skače" dok se stranica učitava: dugme koje se pomeri baš kad ga dodirnete ili tekst koji gurne baner koji kasni. Dobro je 0,1 ili manje.
Zašto je mobilni rezultat onaj koji se računa
Google za indeksiranje i rangiranje koristi mobilnu verziju stranice (mobile-first indexing). Mobilni test u PageSpeed Insights-u koristi emulirani telefon srednje klase i sporu mrežu, što je mnogo bliže stvarnim posetama nego kancelarijski laptop.
Naš primer: izradasajtovasrbija.com
Novi dizajn naslovne strane je 14. oktobra 2026. na mobilnom testu dobio 100 za Performance, Accessibility, Best Practices i SEO. First Contentful Paint i Largest Contentful Paint bili su 1,3 sekunde, Total Blocking Time 0 ms, pomeranje sadržaja 0, a Speed Index 2,3 sekunde.
Obratite pažnju na „No Data" na vrhu snimka ekrana. Novi sajt je previše svež da bi CrUX imao dovoljno podataka o stvarnim posetiocima, pa je ovo samo laboratorijski rezultat. On nam govori da je sajt dobro napravljen; podaci sa terena će pokazati da li se stvarni posetioci slažu.
Kada CrUX prikupi dovoljno podataka o stvarnim posetama, ovde ćemo dopisati Core Web Vitals rezultate sa terena, da se vidi koliko se laboratorija i stvarnost poklapaju.
Razliku je napravio niz običnih odluka donetih na početku: bez page builder-a, glavni naslov kao tekst a ne kao slika, sistemski fontovi umesto preuzetih web fontova, CSS isporučen zajedno sa stranicom, širina i visina zadate za svaku sliku, slike niže na stranici učitavaju se tek kada zatrebaju, a animacije su urađene u CSS-u umesto teških skripti. Skripte trećih strana, poput četa i analitike, učitavaju se posle prve interakcije posetioca. Ta poslednja odluka ima cenu: posetioci koji odu bez skrolovanja ili dodira ne ulaze u statistiku. To je poslovna odluka i agencija treba da vam je objasni, a ne da je donese bez pitanja.
Brzina je odluka koja se donosi u dizajnu
Većina problema sa brzinom odlučena je mnogo pre prvog testa: slajder preko celog ekrana na vrhu, četiri porodice fontova, čet widget, cookie baner koji gura sadržaj nadole, tema koja na svakoj stranici učitava sve što ume. Popravke posle lansiranja koštaju više, jer su ove stvari ugrađene u temu i plugin-ove. Tražite ciljeve za brzinu u istom dokumentu u kome je opisan dizajn.
Kako to izgleda u WordPress-u
- Slike: WordPress pravi nekoliko veličina svake slike i servira ih preko srcset-a, ali ne može da popravi fotografiju od 5000 piksela koja se svuda prikazuje na 800. Otpremajte slike u razumnoj veličini i u modernim formatima kao što je WebP, koji WordPress podržava.
- Glavna slika: WordPress sam primenjuje lazy loading, što je ispravno za slike niže na stranici, ali pogrešno za naslovnu sliku. Novije verzije verovatnoj LCP slici dodaju i visok prioritet preuzimanja; proverite da tema ili neki plugin to ne poništava.
- Plugin-ovi: mnogi plugin-ovi dodaju CSS i JavaScript na svaku stranicu, čak i tamo gde se ne koriste. Stavke „Reduce unused JavaScript" i „Reduce unused CSS" u izveštaju obično pokazuju direktno na njih.
- Odziv (INP): teški page builder-i, čet widget-i i skripte za kolačiće bore se za procesor telefona. Kod WooCommerce prodavnica proverite da li se skripte korpe i praćenja učitavaju na stranicama kojima ne trebaju.
- Pomeranje sadržaja (CLS): zadržite širinu i visinu na slikama, rezervišite prostor za ugrađeni sadržaj i banere i ne ubacujte obaveštenja iznad sadržaja koji je već vidljiv.
- Keš i hosting: keširanje stranica i pristojan hosting skraćuju vreme pre nego što se išta pojavi. Nijedna optimizacija ne može potpuno da sakrije spor server.
Lista za saradnju sa agencijom
- Tražite mobilne PageSpeed Insights rezultate za dva ili tri skorašnja projekta i pitajte da li ti sajtovi imaju podatke sa terena.
- Dogovorite ciljeve pismeno: Core Web Vitals u zelenoj zoni i laboratorijska ocena 90+ za ključne šablone, ne samo za naslovnu stranu.
- Pre lansiranja testirajte probnu verziju sajta na mobilnom, u PageSpeed Insights-u i na pravom telefonu srednje klase.
- Napravite spisak svih skripti trećih strana i zajedno odlučite koje su neophodne, a koje mogu da se učitaju kasnije.
- Proverite da naslovna slika nema lazy loading i da sve slike imaju zadate dimenzije.
- Ograničite fontove na porodice i debljine koje dizajn zaista koristi.
- Tražite obrazloženje za svaki plugin.
- Posle lansiranja pratite izveštaj Core Web Vitals u Google Search Console-u kada se skupi dovoljno podataka.
Šta dobar rezultat donosi, a šta ne
Google potvrđuje da njegovi sistemi za rangiranje koriste Core Web Vitals, ali i navodi da Google pretraga uvek nastoji da prikaže najrelevantniji sadržaj, čak i kada iskustvo na stranici nije najbolje. Brz sajt ne zamenjuje koristan sadržaj i ne garantuje poziciju u rezultatima pretrage. Ono što donosi jeste jedan razlog manje da posetilac ode i sajt koji se lakše koristi na telefonima koje ljudi zaista nose.
Ako želite da znate gde se vaš trenutni sajt nalazi, možemo da uradimo analizu brzine: laboratorijske testove najvažnijih stranica, podatke sa terena tamo gde postoje i listu popravki poređanu po trudu i efektu. Javite nam se i počećemo od vaše naslovne strane.
Izvori
- About PageSpeed Insights (Google for Developers)
- Web Vitals (web.dev)
- Lighthouse performance scoring (Chrome for Developers)
- Understanding page experience in Google Search results (Google Search Central)
- Mobile-first indexing best practices (Google Search Central)
