Zašto brzina sajta odlučuje da li ćeš prodati

Posetilac koji čeka pet sekundi neće sačekati šestu. Vratiće se na Google i kliknuti na sledeći rezultat — tvoju konkurenciju. Brzina nije tehnički detalj za programere, nego stavka koja se direktno vidi u broju upita.

Šta kažu brojke

• Preko polovine posetilaca sa telefona napusti stranu koja se učitava duže od tri sekunde.
• Svaka dodatna sekunda učitavanja obara stopu konverzije za nekoliko procenata — na prodavnici je to direktan gubitak.
• Google koristi brzinu kao faktor rangiranja. Sporiji sajt je i niže pozicioniran, pa gubiš dvaput.

Kako se brzina meri

Ne osećajem („meni se brzo otvara") — nego alatima. Otvori PageSpeed Insights, ukucaj adresu i gledaj mobilni rezultat, ne desktop. Tri metrike su bitne:

• LCP — koliko treba da se pojavi najveći element na ekranu, obično slika u vrhu. Cilj: ispod 2,5 sekunde.
• INP — koliko strana čeka pre nego što odgovori na klik. Cilj: ispod 200 milisekundi.
• CLS — koliko sadržaj poskakuje dok se učitava. Cilj: ispod 0,1. Ovo je ono kad hoćeš da klikneš dugme, a slika se učita iznad i pomeri ga.

Šta najčešće usporava sajt

1. Neoptimizovane slike. Ubedljivo prvi krivac. Fotografija od 4 MB koja se prikazuje u okviru od 600 piksela. Rešenje: smanjiti na stvarnu dimenziju, sačuvati u WebP formatu, dodati odloženo učitavanje za slike ispod pregiba.
2. Previše dodataka. Svaki dodatak nosi svoj CSS i JavaScript. Petnaest dodataka znači petnaest dodatnih fajlova pre nego što se vidi prvo slovo.
3. Eksterni skriptovi. Chat widget, tri alata za analitiku, piksel za oglase, embedovan video. Svaki od njih zavisi od tuđeg servera.
4. Loš hosting. Shared hosting za tri evra mesečno na prepunom serveru. Vreme odziva servera može samo za sebe da pojede sekundu.
5. Fontovi sa tuđeg servera. Učitavanje fontova sa eksternog domena dodaje kašnjenje. Postavljanje na sopstveni server rešava to.

Šta konkretno uraditi

Danas, bez programera: prođi kroz slike i smanji one najveće; ukloni dodatke koje ne koristiš; skini chat widget ako preko njega ne stiže nijedan upit.

Sa programerom: WebP format i responsive slike; keširanje na nivou servera; spajanje i minifikacija CSS-a i JavaScripta; odloženo učitavanje svega što nije odmah vidljivo; fontovi na sopstvenom serveru; CDN ako imaš posetioce iz inostranstva.

Realan cilj

Devedeset plus na mobilnom u PageSpeed Insights je dostižno za skoro svaki prezentacioni sajt. Za web shop sa mnogo slika i skriptova, sedamdeset do osamdeset je dobar rezultat.

Svaki sajt koji izradimo isporučujemo sa merenjem brzine — ako rezultat nije tu gde treba, to je naš posao da rešimo pre lansiranja, a ne tvoj problem posle.