Spora web stranica: zašto se učitava sporo i kako je ubrzati
Web stranica se smatra sporom kada joj glavni sadržaj treba više od 2,5 sekunde da se prikaže. To je granica koju Google postavlja kroz mjeru LCP: ispod 2,5 s je dobro, od 2,5 do 4 s treba popraviti, preko 4 s je loše.
U praksi je uzrok gotovo uvijek isti i gotovo uvijek dosadan: prevelike slike. Ne egzotični problemi s poslužiteljem, ne „loš kod”, nego fotografija od četiri megabajta koju je netko izvezao iz fotoaparata i ubacio na naslovnicu.
Kako izmjeriti brzinu web stranice?
Otvorite PageSpeed Insights, upišite adresu i pričekajte tridesetak sekundi. Besplatno je i dolazi izravno od Googlea.
Jedna stvar koju gotovo svi pogrešno čitaju: gledajte podatke iz stvarne upotrebe (gornji dio izvještaja, „Discover what your real users are experiencing”), a ne rezultat simulacije ispod. Simulacija se radi na umjetno usporenom mobitelu i redovito daje dramatičnije brojke nego što vaši posjetitelji stvarno doživljavaju.
Tri mjere koje vrijedi pratiti:
| Mjera | Što znači | Dobro je |
|---|---|---|
| LCP | koliko treba da se prikaže glavni sadržaj | ispod 2,5 s |
| INP | koliko stranica čeka prije nego reagira na klik | ispod 200 ms |
| CLS | koliko sadržaj poskakuje tijekom učitavanja | ispod 0,1 |
Ako ste u zelenom na sve tri, brzina vam nije problem i vrijeme trošite negdje drugdje.
Zašto je web stranica spora? Pet uzroka po težini
1. Prevelike slike
Ovo je uzrok u velikoj većini slučajeva koje vidimo. Fotografija izravno iz fotoaparata ima 4000 px širine i nekoliko megabajta, a na stranici se prikazuje na 800 px. Posjetitelj preuzima cijelu, pa je preglednik smanji.
Rješenje: smanjite sliku na stvarnu širinu prikaza, spremite je kao WebP i držite je ispod 200 KB. Jedna takva izmjena često prepolovi vrijeme učitavanja.
2. Previše dodataka
Nije problem u broju nego u tome što svaki dodatak učitava svoje skripte na svakoj stranici, bez obzira treba li ih ondje. Kontakt obrazac koji postoji samo na stranici kontakta učitava se i na naslovnici.
Praktičan test: deaktivirajte dodatke jedan po jedan i mjerite. Obično dva ili tri rade štetu, ostali su nedužni.
3. Hosting
Najjeftiniji dijeljeni paketi smještaju stotine stranica na isti poslužitelj. Kad susjedu poraste promet, vaša stranica uspori. Prepoznaje se po tome što je poslužitelju treba više od 600 ms da uopće počne odgovarati — PageSpeed to prijavljuje kao „Initial server response time”.
4. Nema predmemorije
Bez predmemorije poslužitelj sastavlja stranicu iznova za svakog posjetitelja. S predmemorijom je sastavi jednom i poslužuje gotovu. Kod WordPressa je to jedan dodatak i petnaest minuta postavljanja.
5. Preteška tema
Univerzalne teme s tisuću opcija i deset gotovih predložaka nose i kod za sve to — i onda kad koristite jedan. Ovdje popravak znači zamjenu teme, što je veći zahvat, pa ga ostavite za kraj.
Kako ubrzati WordPress web stranicu?
Redoslijed je važan. Ove tri stavke rješavaju većinu slučajeva:
- Smanjite i pretvorite slike u WebP. Dodaci to rade skupno, za cijelu medijsku knjižnicu odjednom.
- Postavite predmemoriju. Bilo koji provjereni dodatak za predmemoriju, sa zadanim postavkama. Nemojte uključivati sve opcije odjednom — tako se nešto sigurno pokvari.
- Uključite odgođeno učitavanje slika. WordPress to danas radi sam, ali provjerite da tema ili dodatak to nisu isključili.
Ako nakon toga niste u zelenom, na red dolaze teži zahvati:
- skraćivanje CSS i JavaScript datoteka
- CDN mreža, ako imate posjetitelje izvan Hrvatske
- čišćenje baze podataka od starih revizija i ostataka obrisanih dodataka
- prelazak na brži hosting
- zamjena teme
I jedna stvar koju ljudi preskoče: ažurirajte WordPress i dodatke. Nije to samo sigurnost — nove verzije redovito donose i brži kod.
Koliko brzina zapravo utječe na poziciju na Googleu?
Manje nego što većina članaka o brzini tvrdi.
Brzina jest jedan od Googleovih signala, ali slab. Sadržaj koji bolje odgovara na pitanje pobjeđuje bržu stranicu s lošijim odgovorom, gotovo uvijek. Brzina odlučuje tek kad su dvije stranice inače izjednačene.
Pravi razlog za ubrzavanje nije Google nego posjetitelj koji odustane prije nego vidi što nudite. Na to brzina utječe izravno i mjerljivo.
Što možete sami, a za što trebate pomoć?
| Sami | Traži nekoga tko zna |
|---|---|
| Smanjivanje i zamjena slika | Skraćivanje CSS i JavaScripta |
| Postavljanje predmemorije | Čišćenje baze podataka |
| Uklanjanje nekorištenih dodataka | Zamjena teme |
| Ažuriranja | Selidba na drugi hosting |
Prvi stupac je popodne posla i često donese najveći dio dobitka. Drugi stupac nosi rizik da nešto prestane raditi, pa se u njega ne ulazi bez sigurnosne kopije.
Česta pitanja
Koliko brzo bi se stranica trebala učitavati?
Glavni sadržaj ispod 2,5 sekunde na mobitelu, mjereno na stvarnim posjetiteljima. Ispod 1,5 s je vrlo dobro. Ispod 1 s obično znači da stranica nema puno sadržaja.
Je li WordPress spor po prirodi?
Ne. Spore su loše postavljene WordPress stranice, a njih ima mnogo jer je WordPress dostupan svima. Dobro postavljena WordPress stranica bez problema ulazi u zeleno.
Hoće li mi brža stranica donijeti više upita?
Ako ste sada iznad četiri sekunde — vjerojatno da, jer dio ljudi odustane prije učitavanja. Ako ste već ispod dvije, dobitak će biti zanemariv i bolje je uložiti u sadržaj i strukturu stranice.
Ukratko
Izmjerite na PageSpeed Insightsu, pogledajte podatke iz stvarne upotrebe, počnite od slika. U velikoj većini slučajeva tu problem počinje i tu završava.
Ako ste prošli kroz sve iz prvog stupca i stranica je i dalje spora, javite se na besplatni razgovor — pogledamo gdje zapinje i kažemo isplati li se popravljati ili je jednostavnije krenuti ispočetka.