Kako znate radi li vaša internet stranica dobro ili loše? Koje alate ili metrike koristite za mjerenje performansi? Toliko poduzeća jednostavno nema pojma odakle početi ili smatraju da je prekomplicirano za razumjeti. Pokušat ćemo objasniti neke osnove u ovom blog članku.
Internet stranica je skup dokumenata i resursa, uključujući različite vrste skripti (JS), stilova (CSS), slika itd. Broj i veličina resursa utječu na brzinu internet stranice, ali postoje i drugi čimbenici kao što su procesi poput DNS pretraživanja, TCP rukovanja ili TLS/SSL rukovanja. Također, udaljenost između klijenta i poslužitelja mora se uzeti u obzir. Neke dijelove toga je nemoguće utjecati, ali prilikom razvoja internet stranice postoje različiti načini i alati za poboljšanje performansi vaše internet stranice.
Što je brzina bolja, to je bolje korisničko iskustvo. Možda ste čuli da je Google opsjednut brzinom? Google koristi brzinu stranice kao faktor rangiranja za pretraživanja na radnim površinama od 2010., a u srpnju 2018. Google je počeo koristiti brzinu stranice kao faktor rangiranja za pretraživanja na mobilnim uređajima. Ako sporo učitavanje vaše stranice uzrokuje da je Google rangira niže na stranici rezultata pretraživanja (SERP), vaša publika je manje vjerojatno da će je pronaći.
U većini slučajeva, mnogi vaši konkurenti imaju internet stranicu, a ako vaša ne zadovolji njihova očekivanja, otići će k njima. Danas ljudi očekuju da se internet stranice učitavaju unutar 2 sekunde ili manje. Google je otkrio da će 53% mobilnih korisnika napustiti stranicu koja se učitava duže od 3 sekunde.
Ako imate e-commerce stranicu, zanimljiva statistika je da jedno istraživanje pokazuje da 79% potrošača kaže da je loše performanse internet stranice dovoljno da ih natjera da se nikada više ne vrate kupovati. Samo pola sekunde razlike u vremenu učitavanja može napraviti 10% razlike u prodaji za e-commerce.
Brzina i performanse internet stranice nikada nisu bili važniji. Kombinacijom vizualno privlačne internet stranice, dobrog sadržaja i izvrsnih performansi možete održati kupce sretnima i angažiranima, što će dovesti do povećane prodaje i konverzija.
Želimo da korisnici imaju dobro korisničko iskustvo na našoj internet stranici. Ako je to prezentacijska stranica, želimo da ljudi dobiju značajne informacije što je prije moguće. Ako je to blog, želimo da ljudi čitaju postove, ili ako je to online trgovina, želimo da kupuju stvari s velikim zadovoljstvom. Kada vaši kupci dođu na vašu internet stranicu i pokušavaju pristupiti vašem sadržaju koji se sporo učitava, koliko će biti zadovoljni? U digitalnom svijetu smo nevjerojatno nestrpljivi. Svi očekujemo gotovo trenutni odgovor kada pokušamo pristupiti nekoj web stranici. Istraživanja pokazuju da korisnici interneta očekuju da se web stranice učitavaju za manje od tri sekunde. Ako je sporije od toga, očekuje se da će korisnik tražiti informacije ili proizvod za kupnju na web stranici vašeg konkurenta.
To znači da možete imati izvrstan dizajn i sadržaj, ali korisnici će ipak napustiti vašu internet stranicu samo zato što je prespora. Također, više od polovice ukupnog internet prometa dolazi s mobilnih uređaja na vezama koje su sporije od onih dostupnih na stolnim i prijenosnim računalima.
Uzimajući sve to u obzir, brzina i performanse internet stranice nikada nisu bili važniji. Kombinacijom vizualno privlačne stranice, dobrog sadržaja i izvrsne performanse možete održati kupce sretnima i angažiranima, što će dovesti do povećane prodaje i konverzija.
Možete započeti s Googleovim Lighthouseom. To je automatizirani alat za poboljšanje kvalitete internet stranica. Ima audite za performanse, pristupačnost, progresivne web aplikacije, SEO i još mnogo toga.
Možete pokrenuti Lighthouse u Chrome DevTools, iz command line-a ili kao Node module. Lighthouse može pokrenuti niz audita stranice i zatim generirati izvješće o tome kako je stranica prošla. Iz rezultata možete vidjeti koji su auditi neuspjeli s indikatorima kako poboljšati stranicu. Svaki audit ima referentni dokument koji objašnjava zašto je audit važan, kao i kako ga popraviti.
Uvijek možete posjetiti Google PageSpeed Insights da vidite kako Google rangira performanse vaše internet stranice. Njegovi rezultati temelje se na Lighthouseu.
Također možete koristiti Google Analytics kako biste pratili vrijeme učitavanja vaše stranice na različitim uređajima, lokacijama ili operativnim sustavima. U izvješću Pregled brzine stranice možete vidjeti kako je vaša brzina trendirala i pružit će vam prijedloge kako poboljšati performanse vaše stranice. Također možete dodati bilo koji standardni ili custom segment, kao što je ponašanje vaše stranice samo na mobilnim uređajima. Ovo praćenje je vrlo važno za vas kako biste mjerili utjecaj novih značajki na brzinu internet stranice.
Brzina internet stranice jedan je od glavnih čimbenika koji doprinose napuštanju stranice i visokim stopama odbijanja, zbog čega biste trebali biti proaktivni u uklanjanju ovih uobičajenih problema koji mogu usporiti vašu stranicu.
Isporuka HTML, CSS i JavaScript datoteka s GZIP kompresijom smanjuje broj bajtova koji moraju putovati preko interneta. Te datoteke koje dodaju funkcionalnost i stil vašoj stranici najčešći su krivci za spore stranice. Budite sigurni da koristite razne moderne metode i tehnike (preconnect, preload, prefetch, dns-prefetch) za prioritetizaciju vaših resursa i poboljšanje performansi i rangiranja vaše stranice. Također, nemojte prenositi ono što vam nije potrebno. Vjerojatno ćete pronaći neke stvari koje su dodane davno i nikada nisu uklonjene.
U anketi internet stranica, Google je otkrio da 25% stranica može uštedjeti više od 250KB kompresijom slika i teksta, a 10% može uštedjeti više od 1MB. Stranice s velikim skupovima podataka trebaju više vremena za učitavanje, a nepotrebno velike veličine datoteka jedan su od glavnih razloga za spore internet stranice. Mnogi korisnici Wordpressa su navikli učitavati puno velikih slika sa svojih telefona. Obično su slike s telefona lako preko 1MB u veličini, a zamislite kako bi to utjecalo na brzinu učitavanja ako imate 10, 12 ili čak 30 takvih slika. Zato budite sigurni da minimizirate veličinu svojih datoteka i slika prije nego što ih učitate na svoju stranicu.
Barem jedna stvar koja bi mogla usporiti vašu internet stranicu nema veze sa samom stranicom. Odabir odgovarajućeg pružatelja hostinga može značajno utjecati na performanse vaše stranice. Uvijek odaberite hosting plan koji odgovara potrebama vaše stranice i uvijek odaberite poslužitelj s dobrim vremenom odgovora poslužitelja (TTFB - Time to First Byte). Google preporučuje da ciljate na vrijeme odgovora manje od 200 milisekundi. 100ms za TTFB je idealno, a sve preko 500ms je problem.
Svaki projekt mora započeti odabirom prave tehnologije. Ponekad će ljudi odabrati framework ili library koja je jednostavno previše za njihov projekt, pa budite pažljivi oko toga. Možda bi bilo bolje i učinkovitije koristiti jednostavno HTML, CSS i malo JS-a, ali developeri bi odabrali Wordpress samo zato što je lakše i brže završiti projekt. Samo da napomenemo, nemamo ništa protiv Wordpressa; također ga koristimo za neke projekte.
Ali na kraju, sve se svodi na vještine developera. Ne može svaki developer pisati dobar i učinkovit kod. Neki proizvode internet stranice s ogromnim blokovima koda koji obavljaju samo manje funkcije, što rezultira stranicom koja se sporo učitava. Uvijek možete koristiti nekoga s većim iskustvom za pregled koda. Uklanjanje nekih nepotrebnih blokova koda ili nekih dodataka može rezultirati velikim poboljšanjem performansi vaše internet stranice.
Kao što je već spomenuto u ovom članku, današnji internet korisnici žele svoje informacije što je brže moguće. Također znamo da je teže nego ikad postići to jer stranice imaju više funkcionalnosti nego ikad. Ako smatrate da vaša internet stranica predugo traje za učitavanje, ne paničarite. Koristite alate koje smo naveli da testirate brzinu; oni će vam puno pomoći i pružiti sve potrebne prijedloge.
Također možete kontaktirati nas, spremni smo pomoći.
Imate li pitanja ili ste zainteresirani za razgovor o svom projektu?
Najprije ćemo naučiti o vašoj tvrtki, kako radite i što točno tražite. Ispunite obrazac i javit ćemo vam se u što kraćem roku.
