Zašto je moja web stranica spora i što s tim
Stranica koja se otvara pet sekundi izgubila je dio posjetitelja prije nego što su išta vidjeli. Dobra vijest je da je uzrok gotovo uvijek isti i da se rijetko rješava redizajnom.
Kada me netko pita zašto mu je stranica spora, obično već ima teoriju: hosting, previše dodataka, "nešto s WordPressom". U praksi je odgovor u devet od deset slučajeva puno dosadniji, a što je bolje, i puno jeftiniji za popraviti. Evo kako to izgleda kada se umjesto nagađanja krene od mjerenja.
Brzina nije estetsko pitanje
Posjetitelj koji čeka nema strpljenja koje vi imate prema vlastitoj stranici. Kod turističkih i uslužnih stranica velik dio prometa dolazi s mobitela, često na mobilnoj mreži izvan grada, i tamo je razlika između dvije i pet sekundi razlika između upita i zatvorenog taba.
Google to mjeri i koristi. Core Web Vitals su skup mjera koje opisuju koliko brzo se prikaže glavni sadržaj, koliko brzo stranica reagira na dodir i koliko se raspored trza tijekom učitavanja. To nije glavni faktor rangiranja, ali je faktor koji odlučuje kada su dvije stranice sadržajno slične. Ako ste u toj situaciji, a većina malih tvrtki jest, brzina je jedno od rijetkih mjesta gdje se prednost stječe tehnički.
Slike su gotovo uvijek glavni krivac
U svakom pregledu koji sam radio slike su bile najveći pojedinačni teret. Razlog je jednostavan: fotografija ravno iz fotoaparata ima nekoliko tisuća piksela u širinu i nekoliko megabajta, a prikazuje se u okviru širokom nekoliko stotina piksela. Preglednik svejedno mora skinuti cijelu datoteku.
Rješenje ima tri dijela. Prvo, slike se spremaju u modernom formatu poput WebP-a, koji je tipično dvostruko do peterostruko manji od iste JPEG datoteke. Drugo, priprema se više veličina iste slike pa preglednik na telefonu skida manju verziju. Treće, slike izvan prvog zaslona učitavaju se tek kada im se posjetitelj približi. Sve troje zajedno često prepolovi težinu stranice bez ijedne vidljive promjene.
Dodaci i skripte koje nitko ne koristi
Drugi najčešći uzrok su stvari koje se učitavaju na svakoj stranici, a koriste se na jednoj ili nijednoj. Kalendar rezervacija koji stoji na kontaktu, ali se skripta učitava svugdje. Alat za praćenje koji je netko postavio prije tri godine i nitko ga više ne gleda. Galerija instalirana da bi se probala, pa ostala.
Kod WordPressa se to nakuplja neprimjetno jer svaki dodatak nosi vlastiti CSS i JavaScript. Nije rijetkost da stranica učitava deset stilskih datoteka i dvadesetak skripti, od kojih se stvarno koristi trećina. Uklanjanje neaktivnih dodataka i ograničavanje ostalih na stranice gdje su potrebni obično donese drugi najveći dobitak, odmah iza slika.
Hosting i gdje se poslužitelj nalazi
Hosting je stvaran uzrok rjeđe nego što se misli, ali kada jest, vidi se odmah: stranica dugo ne počne ništa raditi, a onda se učita normalno. To je vrijeme do prvog bajta i ono ovisi o poslužitelju, ne o vašoj stranici.
Za hrvatske posjetitelje bitno je i gdje poslužitelj fizički stoji. Najjeftiniji paketi znaju biti na dijeljenom poslužitelju s nekoliko stotina drugih stranica, i tada vaša brzina ovisi o tome što rade susjedi. Prelazak na pristojan hosting u Europi obično košta manje od jednog sata razvojnog rada mjesečno, pa je to jedna od rijetkih odluka gdje je odgovor gotovo uvijek jasan.
Mjerite umjesto da nagađate
Prije bilo kakvog popravka vrijedi izmjeriti. PageSpeed Insights je besplatan i daje dvije stvari: laboratorijski test i, ako stranica ima dovoljno prometa, stvarne podatke od pravih posjetitelja. Ti stvarni podaci su ono što Google koristi, pa su važniji od ocjene u testu.
Search Console pokazuje istu sliku kroz vrijeme i po skupinama stranica, što je korisnije od pojedinačnog testa. Ako nakon popravaka brojke ne krenu u dobrom smjeru kroz nekoliko tjedana, popravljalo se krivo mjesto. To je jedini način da se izbjegne skup redizajn koji rješava problem koji nije postojao.
Što provjeriti prvo
- Otvorite stranicu na mobitelu, s mobilnim podacima umjesto wi-fija, i mjerite koliko čekate
- Provjerite težinu najveće slike na naslovnici; sve preko 300 KB je kandidat za optimizaciju
- Pogledajte popis aktivnih dodataka i pitajte se koristi li se svaki od njih
- Pustite PageSpeed Insights i gledajte podatke sa terena, ne samo ocjenu
- Uključite Search Console ako već nije uključen, jer bez njega nemate povijest
Kada popravak nije dovoljan
Popravak ima smisla kada je struktura stranice u redu a problem su brzina, zapušteni dodaci ili nedostatak tehničke osnove. Ako stranica nije responzivna, radi na sustavu koji se više ne održava ili je sadržaj zastario toliko da ga ionako treba pisati iznova, onda je nova stranica iskreniji odgovor. Pregled tu razliku pokaže za nekoliko sati, i vrijedi ga napraviti prije nego što se donese skuplja odluka.