Zašto je tvoja web stranica spora, i kako je provjeriti u 60 sekundi

Web stranica je spora ako se njezin glavni sadržaj pojavi tek nakon više od 2,5 sekunde, ili ako joj treba više od 200 milisekundi da reagira na dodir ili klik. To su Googleovi vlastiti, objavljeni pragovi — Largest Contentful Paint (LCP) i Interaction to Next Paint (INP). Da provjeriš svoju: otvori pagespeed.web.dev, zalijepi svoj URL i pročitaj rezultat za mobitel. Besplatno je, ne treba prijava, i traje oko minute.

Što “sporo” stvarno znači

Google grupira brzinu stranice u tri mjerenja, nazvana Core Web Vitals:

LCP (Largest Contentful Paint) — koliko dugo treba da se prikaže najveći vidljivi element na stranici (obično naslovna slika ili naslov). “Dobro” je 2,5 sekunde ili manje.
INP (Interaction to Next Paint) — koliko brzo stranica reagira nakon što netko dodirne gumb ili poveznicu. “Dobro” je 200 milisekundi ili manje.
CLS (Cumulative Layout Shift) — koliko se stranica pomiče dok se učitava (na primjer, slika koja iskoči i gurne tekst prema dolje). “Dobro” je rezultat od 0,1 ili manje.

Google koristi te iste brojeve kao jedan od faktora rangiranja stranice, a PageSpeed Insights ih sva tri prikazuje besplatno.

Provjera od 60 sekundi

Otvori pagespeed.web.dev.
Zalijepi URL svoje početne stranice i pokreni provjeru.
Prvo pročitaj karticu Mobile — većina posjetitelja dolazi s mobitela, a rezultati za mobitel su gotovo uvijek lošiji nego za desktop.
Pogledaj ukupni rezultat (0–100) i tri gornja Core Web Vitals broja.

Ako je rezultat u crvenom, ili je tvoj LCP iznad 2,5 sekunde, ostatak ovog vodiča objašnjava zašto.

Što obično uzrokuje sporost

Poredano od najčešćeg uzroka na stranicama malih tvrtki:

Neoptimizirane slike. Fotografija ravno s mobitela može imati 4–8 MB; ispravno komprimirana naslovna slika bliža je 100–200 KB. Ovo je najčešći uzrok sporog LCP-a.
Skripte koje blokiraju prikaz. Chat widgeti, alati za analitiku i oglasni pratitelji zajedno učitavaju JavaScript prije nego što se stranica stigne prikazati — svaki dodaje stvarno, mjerljivo kašnjenje.
Nepažljivo učitani web fontovi. Datoteka fonta koja blokira prikaz dok se ne preuzme čini tekst (ili cijelu stranicu) nevidljivim dulje nego što je potrebno.
Page builderi i teške predloške. WordPress stranica s desetak aktivnih dodataka, ili stranica izrađena isključivo u drag-and-drop alatu, isporučuje daleko više koda nego što je stranici stvarno potrebno — i većina se toga izvršava prije nego što posjetitelj išta vidi.
Bez predmemoriranja ili CDN-a. Kad svaki posjetiteljev preglednik iznova preuzima iste, nepromijenjene datoteke s jednog fizičkog servera daleko od njega, to dodaje kašnjenje koje nema veze s dizajnom stranice.

Kako izgleda “dovoljno brzo” u praksi

Svaka stranica koju BAD izradi mora proći Lighthouse ocjenu od barem 90 za Performance, Accessibility, Best Practices i SEO prije nego što ide uživo — provjereno automatski, ne procjenom na oko. Taj standard vrijedi za sve u pregledu radova, ne samo za istaknute projekte.

Ako je tvoj rezultat znatno ispod toga, to je rješiv problem, ne činjenica o tvom poslu.