Zašto je web stranica spora i kako je ubrzati?

Ako se pitate zašto je web stranica spora, broj stranica na sajtu obično nije glavni problem. Browser ne učitava cijeli sajt odjednom nego resurse stranice koju ste otvorili. Jedna početna stranica može biti veoma teška ako sadrži ogromne fotografije, mnogo JavaScript datoteka, vanjske fontove i nekoliko servisa koji se učitavaju sa drugih servera.

Brzina je posebno važna na telefonu. Korisnik koji preko mobilne mreže čeka da se pojavi sadržaj često neće tražiti tehničko objašnjenje — jednostavno će zatvoriti stranicu i otvoriti drugu.

Velike slike su prvi kandidat za provjeru

Fotografija direktno sa modernog telefona ili fotoaparata može imati više megabajta i rezoluciju koja je nepotrebna za web prikaz. Ako se takvih slika nekoliko učita odmah na početnoj, problem se brzo osjeti.

Slike treba prilagoditi stvarnim dimenzijama prikaza, kompresovati bez vidljivog gubitka kvaliteta i koristiti savremene formate gdje je to praktično. Slike koje nisu odmah vidljive na ekranu mogu se učitati tek kada se korisnik približi tom dijelu stranice.

Previše skripti i dodataka usporava stranicu

Chat widget, mapa, statistika, slider, društvene mreže, animacije, nekoliko fontova i razni pluginovi pojedinačno mogu izgledati bezazleno. Problem nastaje kada svaki od njih povlači dodatne datoteke i otvara nove mrežne zahtjeve.

Posebno kod sistema koji godinama rastu ostanu aktivne skripte koje se više ni ne koriste. Dobra optimizacija počinje uklanjanjem nepotrebnog, a ne dodavanjem još jednog „speed“ dodatka preko postojećeg problema.

Hosting je važan, ali ne može popraviti lošu stranicu

Spor server može povećati vrijeme do prvog odgovora, naročito ako aplikacija izvršava teške upite ili je hosting preopterećen. Ipak, prelazak na skuplji paket neće riješiti početnu stranicu koja šalje 15 MB slika korisniku.

Zato se prvo provjerava gdje nastaje usko grlo: server, baza, frontend, slike ili servis treće strane. Tek nakon toga ima smisla odlučiti da li je potreban jači hosting.

Fontovi, video i vanjski servisi često se zaborave

Web fontovi, YouTube embed, Google mapa, marketinški pikseli i drugi vanjski elementi zavise i od brzine tuđeg servera. Neke od njih možemo učitati tek kada su potrebni ili zamijeniti lakšim rješenjem. Cilj nije ukloniti korisne funkcije, nego spriječiti da one blokiraju najvažniji sadržaj.

Kako provjeriti da li je problem stvaran?

Nemojte gledati samo jedan broj sa jednog testa. Otvorite sajt na telefonu preko mobilne mreže, provjerite koliko brzo se pojave naslov i glavno dugme, zatim pogledajte nekoliko najvažnijih stranica. Tehnički alati su korisni jer pokažu gdje se gubi vrijeme, ali stvarni doživljaj korisnika ostaje najvažniji.

Šta mi prvo optimizujemo?

• veličinu i format slika,
• CSS i JavaScript koji blokiraju prikaz,
• nepotrebne vanjske zahtjeve,
• server i bazu kada su oni usko grlo,
• mobilni raspored i elemente koji se učitavaju iznad prvog ekrana,
• cache i kompresiju statičkih fajlova.

Kod nove izrade web stranice brzinu je mnogo lakše planirati od početka nego naknadno popravljati stranicu napravljenu od desetina dodataka. Ako već imate sajt koji je postao spor, održavanje i tehnička optimizacija mogu prvo utvrditi uzrok, a zatim riješiti ono što stvarno pravi problem.