Optimizacija brzine sajta za firme: kako ubrzati sajt i dobiti više upita

Spor sajt retko kad izgleda pokvareno. On i dalje radi, otvara se, prikazuje ponudu, ali tiho gubi posetioce koji nemaju strpljenja da čekaju. Za firmu to znači izgubljene upite i prodaju, a da vlasnik često ni ne zna da se to dešava, jer sajt sa kancelarijskog interneta deluje sasvim u redu.

Optimizacija brzine sajta za firme je posao koji taj gubitak zaustavlja. U ovom vodiču prolazimo kroz sve: zašto je brz sajt važan baš za firme, kako se brzina meri, koje Google alate koristite da je izmerite, kako da pročitate izveštaj, šta najčešće usporava sajt, kako se ubrzava i koliko to košta. Na kraju pokazujemo i konkretan rezultat iz naše prakse, sajt sa gotovo savršenim skorom.

Zašto je brzina sajta važna za firme

Brzina nije tehnički hir, nego direktno pitanje novca. Posetilac koji čeka da se strana učita najčešće odustane i ode kod konkurencije, pa spor sajt gubi upite pre nego što je ponuda uopšte viđena. Google je još u svom poznatom istraživanju pokazao da čak 53 odsto posetilaca sa telefona napusti stranicu koja se učitava duže od tri sekunde. Kod prodavnica se to meri u napuštenim korpama, a kod uslužnih firmi u pozivima i formama kojih nema.

Efekat je merljiv i na prihodu. Više nezavisnih istraživanja učinka pokazalo je da već jedna sekunda kašnjenja u učitavanju može smanjiti konverzije za oko sedam odsto, dok sajtovi koji prolaze Google-ove pokazatelje iskustva po pravilu imaju niže stope napuštanja i duže zadržavanje posetilaca. Svaki izgubljeni posetilac je potencijalni klijent koji se nikada nije ni javio, i zato se taj gubitak teško primeti dok ne pogledate brojke.

Tu je i vidljivost na pretrazi. Google brzinu i korisničko iskustvo, kroz takozvane signale iskustva na stranici, koristi kao jedan od faktora rangiranja, pa spor sajt teže dolazi do prvih pozicija čak i kada je sadržaj dobar. Kada su dva sajta slična po sadržaju, brži će po pravilu biti ispred, a to na duže staze znači više besplatnog saobraćaja sa Google-a.

Konačno, brzina gradi i utisak. Sajt koji se otvara trenutno deluje ozbiljno i pouzdano, a spor sajt šalje suprotnu poruku, bez obzira na to koliko je lep. Za firmu koja sajt koristi da dovodi klijente, optimizacija brzine sajta se zato isplati brže od skoro svake druge izmene, jer istovremeno diže i konverzije i rang i poverenje.

Kako se meri brzina: Core Web Vitals

Da se brzina ne bi svela na utisak, Google ju je pretvorio u merljive pokazatelje, takozvane osnovne veb pokazatelje ili Core Web Vitals. Tri su najvažnija i vredi ih razumeti, jer se o njima priča u svakom izveštaju o brzini:

• LCP (Largest Contentful Paint) meri koliko brzo se prikaže najveći, glavni element strane, obično naslov ili velika slika. Dobra vrednost je do 2,5 sekunde, a preko 4 sekunde se smatra lošom.
• INP (Interaction to Next Paint) meri koliko brzo sajt reaguje kada posetilac klikne ili dodirne nešto. Dobra vrednost je do 200 milisekundi. Ovaj pokazatelj je 2024. godine zvanično zamenio raniji FID (First Input Delay).
• CLS (Cumulative Layout Shift) meri vizuelnu stabilnost, to jest koliko sadržaj poskakuje dok se strana učitava. Dobra vrednost je do 0,1, jer sve preko toga znači da posetiocu dugmad i tekst beže ispod prsta.

Važan detalj koji mnogi previde: Google ove vrednosti gleda na takozvanom 75. percentilu, odvojeno za mobilni i računar. To znači da sajt mora da bude brz za tri četvrtine posetilaca, a ne samo u proseku ili u najboljem slučaju. Zato jedan brz test sa dobrog uređaja i brze mreže ne znači da je sve u redu, pošto se meri iskustvo stvarnih ljudi, na svakakvim telefonima i vezama.

Google alati za merenje brzine

Dobra vest je da za merenje brzine ne treba kupovati ništa. Google nudi nekoliko besplatnih alata, i svaki služi za nešto drugo. Vredi znati koji kada da koristite.

• PageSpeed Insights (pagespeed.web.dev) je najjednostavniji za početak. Nalepite adresu strane i dobijate ocenu i spisak problema. Iza kulisa spaja dve stvari: Lighthouse za simulaciju i podatke stvarnih posetilaca, o čemu više u nastavku.
• Lighthouse je Google-ov alat za proveru koji, pored brzine, meri i pristupačnost, SEO osnove i najbolju praksu. Ugrađen je u svaki Chrome pregledač, u okviru alatki za programere (Chrome DevTools, kartica Lighthouse), pa test možete pokrenuti i lokalno, čak i za stranu koja još nije javno objavljena.
• Chrome DevTools (desni klik pa Inspect, ili F12) daju najdublji uvid. Kartica Performance snima svaki detalj učitavanja, pa se tačno vidi šta blokira stranu i u kom trenutku. Ovo je alat za dijagnostiku, za onoga ko popravlja.
• Chrome User Experience Report (CrUX) je Google-ova baza stvarnih merenja sa miliona Chrome korisnika. Upravo iz nje dolaze terenski podaci koje vidite u PageSpeed Insights i Search Console-u. CrUX prati poslednjih 28 dana, pa da bi sajt uopšte imao ove podatke, mora da ima dovoljno saobraćaja.
• Google Search Console ima poseban izveštaj Core Web Vitals koji brzinu prati na nivou celog sajta, a ne strane po strane. O njemu posebno pišemo niže, jer je za firme najkorisniji za praćenje kroz vreme.
• Web Vitals ekstenzija za Chrome pokazuje tri glavna pokazatelja uživo, dok se krećete po sopstvenom sajtu. Zgodna je za brzu proveru pojedinačnih strana.

Za većinu firmi dovoljni su PageSpeed Insights za brzu proveru i Search Console za praćenje kroz vreme. Lighthouse i DevTools su alati za onoga ko sajt zapravo popravlja.

Laboratorijski i terenski podaci: važna razlika

Ovo je koncept koji razdvaja one koji razumeju brzinu od onih koji samo gledaju jedan broj. Google brzinu meri na dva načina, i oni ne moraju da se poklapaju.

Laboratorijski podaci (lab) dolaze iz kontrolisanog testa, kao što je Lighthouse. Sajt se učita jednom, u simuliranim uslovima, na zadatoj brzini mreže i uređaju. Prednost je što su dostupni odmah, za svaku stranu, čak i novu, i idealni su za pronalaženje i otklanjanje problema. Mana je što su to uslovi jednog testa, ne stvarnog sveta.

Terenski podaci (field, iz CrUX-a) dolaze od stvarnih posetilaca, sa njihovih pravih telefona i veza, kroz poslednjih 28 dana. To je ono što Google zaista koristi kada procenjuje iskustvo na stranici za rangiranje. Mana je što ih ima samo sajt sa dovoljno saobraćaja, i što se menjaju sporije, jer je potrebno vreme da se skupi merenje.

Praktičan zaključak: laboratorijski test koristite da nađete i popravite problem, a terenske podatke da potvrdite da se popravka zaista osetila kod pravih ljudi. Sajt može imati odličan lab skor, a loše terenske podatke ako je, na primer, brz na modernom telefonu, a spor na starijem. Zato ozbiljna optimizacija gleda oba.

Kako pročitati izveštaj na PageSpeed Insights

Najjednostavniji i najpouzdaniji način da izmerite brzinu je Google PageSpeed Insights. Alat je besplatan, ne traži prijavu, i dovoljno je da nalepite adresu sajta i sačekate nekoliko sekundi. Rezultat je ocena i, još važnije, spisak konkretnih stvari koje sajt usporavaju. Da biste ga pravilno pročitali, vredi znati sledeće:

• Ocena ide od 0 do 100. Crvena zona (0 do 49) znači loše, narandžasta (50 do 89) da ima šta da se popravi, a zelena (90 do 100) da je sajt brz. Cilj svake ozbiljne firme je zeleno.
• Mobilni i računar se mere odvojeno. Skor za telefon je gotovo uvek niži i važniji je, jer većina posetilaca dolazi baš sa telefona.
• Vrh izveštaja su terenski, dno laboratorijski podaci. Ako sajt ima dovoljno saobraćaja, na vrhu se vide stvarna merenja posetilaca (obojena po Core Web Vitals pokazateljima), a niže simulirani test sa ocenom.
• Delovi „Diagnostics” i predlozi za uštedu. Tu PageSpeed tačno kaže šta usporava sajt i koliko bi se dobilo popravkom, pa je to gotov spisak zadataka za izvođača, poređan po isplativosti.

Preporuka je da svoj sajt testirate baš sada, dok čitate ovo, i da zapišete skor za mobilni. Taj broj je vaša polazna tačka, a razlika pre i posle optimizacije najbolje pokazuje šta ste dobili.

Core Web Vitals u Google Search Console

Dok PageSpeed Insights meri jednu po jednu stranu, Google Search Console daje sliku celog sajta i prati je kroz vreme. To je besplatan Google-ov alat u koji svaka firma treba da prijavi svoj sajt, ne samo zbog brzine, nego i zbog vidljivosti na pretrazi uopšte.

U okviru Search Console-a, izveštaj Core Web Vitals grupiše sve strane sajta u tri kategorije, dobro, potrebno poboljšanje i loše, odvojeno za mobilni i računar. Umesto da testirate stotinu strana ručno, odmah vidite koje grupe strana imaju problem i koji je pokazatelj kriv. Podaci dolaze iz stvarnih merenja (CrUX), pa pokazuju kako sajt radi kod pravih posetilaca.

Prednost ovog pristupa je što vidite trend. Kada se uradi optimizacija, u Search Console-u se kroz nedelje vidi kako strane prelaze iz crvene u zelenu kategoriju, što je najbolji dokaz da je posao dao rezultat. Za firmu koja ozbiljno prati svoj sajt, ovaj izveštaj je mesto na koje se svraća redovno, a ne jednom.

Šta najčešće usporava sajt

U praksi se uzroci ponavljaju iz sajta u sajt:

• Ogromne, neoptimizovane slike. Ubedljivo najčešći krivac. Fotografija od nekoliko megabajta postavljena u punoj veličini sama ume da uspori celu stranu i najčešće obara baš LCP.
• Previše dodataka i skripti. Svaki dodatak i svaka spoljna skripta nose svoj teret, a mnogi se koriste retko ili nikako. Teške skripte su čest uzrok lošeg INP-a, jer blokiraju stranu da odgovori na dodir.
• Spor ili pretrpan hosting. Najjeftiniji deljeni paket na prenatrpanom serveru usporava i najbolje napravljen sajt.
• Težak šablon ili page builder. Gotove teme i vizuelni graditelji često učitavaju gomilu koda koji se ne koristi.
• Nedostatak keširanja. Bez keša sajt svaku stranu gradi iznova za svakog posetioca, umesto da isporuči već pripremljenu verziju.
• Sadržaj koji poskakuje. Slike bez zadatih dimenzija, oglasi i naknadno ubačeni elementi pomeraju raspored dok se učitava i kvare CLS.

Kako ubrzati sajt: konkretni koraci

Ubrzavanje najčešće ne traži nov sajt, nego nekoliko ciljanih poteza. Redosled po isplativosti izgleda ovako:

1. Optimizacija slika. Smanjivanje na stvarnu veličinu prikaza, savremeni format poput WebP i odloženo učitavanje slika koje nisu odmah vidljive. Ovo samo za sebe ume da prepolovi vreme učitavanja i najviše pomaže LCP-u.
2. Keširanje. Sajt isporučuje unapred pripremljenu stranu umesto da je svaki put gradi iznova.
3. Čišćenje koda. Uklanjanje nekorišćenih dodataka i skripti, sažimanje i spajanje preostalih, odlaganje onoga što nije odmah potrebno. Ovo najviše pomaže INP-u i vremenu blokiranja.
4. Zadate dimenzije i rezervisan prostor. Kada slike i elementi imaju unapred određeno mesto, sadržaj ne poskakuje, pa se sređuje CLS.
5. Bolji hosting. Server koji odgovara stvarnoj poseti, a za publiku iz cele zemlje i mreža za isporuku sadržaja (CDN).
6. Čista izrada. Dugoročno najbrži su sajtovi rađeni po meri, bez viška koda gotovih šablona.

Većinu ovih poteza posetilac ne vidi, ali ih oseti kroz stranu koja se otvara odmah. Deo njih se često poklapa i sa pristupačnošću i sa SEO-om, o čemu pišemo u vodiču o SEO optimizaciji.

Optimizacija brzine WordPress sajta

Pošto veliki deo sajtova radi na WordPress-u, vredi reći i nešto konkretno o njemu. WordPress je brz onoliko koliko se o njemu vodi računa. Najveći dobitak donose laka tema bez viška, mali broj proverenih dodataka, dobar dodatak za keširanje, optimizacija slika i povremeno čišćenje baze podataka koja vremenom nabuja.

Kao premium WordPress agencija, brzinu podešavamo već pri izradi, a kod postojećih sajtova je popravljamo kroz optimizaciju i redovno održavanje. Čest slučaj je da sajt sa gomilom dodataka i teškom temom posle čišćenja radi višestruko brže, bez ijedne vidljive promene u izgledu.

Naši rezultati: primer sa skorom 100 na PageSpeed-u

Najbolji dokaz da nešto radimo kako treba nije obećanje, nego merljiv rezultat. Sajtove pravimo i optimizujemo tako da na PageSpeed Insights budu u zelenoj zoni, a ne da samo lepo izgledaju, i to na mobilnom jednako kao i na računaru.

Konkretan primer je Šminkopedia, sajt koji smo razvili. Na PageSpeed Insights testu postiže ocenu performansi od 100 poena na računaru i 92 na mobilnom, obe u zelenoj zoni, uz ocenu 100 za SEO i za najbolju praksu. Metrike su praktično savršene: najveći sadržaj se prikaže za 0,7 sekundi, vreme blokiranja je 0 milisekundi, a pomeranje rasporeda je 0. To nije slučajnost nego posledica pristupa: optimizovane slike, čist kod, dobro keširanje i hosting koji prati potrebe sajta.

Poenta ovog primera nije broj sam po sebi, nego šta on znači za posetioca i za firmu: strana koja se otvara trenutno, bez čekanja, na svakom uređaju. Upravo to je cilj optimizacije brzine sajta, a skor je samo dokaz da je postignut.

Brzina i mobilni: šta Google gleda

Više od polovine poseta danas dolazi sa telefona, često na sporijoj mreži i slabijem uređaju nego što je računar u kancelariji. Google zato koristi takozvano indeksiranje po principu mobilnog prvog, što znači da za rangiranje prvenstveno gleda mobilnu verziju sajta. Praktično, ono što Google vidi na telefonu je ono što se rangira.

To znači da optimizacija brzine mora da cilja baš telefon, a ne samo prikaz na velikom ekranu. Sajt koji je brz na računaru, a spor na telefonu, i dalje gubi većinu posetilaca i lošije se rangira. Zato i PageSpeed skor za mobilni gledamo kao važniji broj, a terenske podatke u Search Console-u pratimo posebno za mobilni. O tome zašto su brzina i mobilni prikaz nerazdvojivi pisali smo i u tekstu o brzini i mobilnoj verziji.

Koliko košta optimizacija brzine sajta

Cena zavisi od stanja sajta i od toga koliko posla ima. Jednokratna optimizacija postojećeg sajta radi se po proceni, na osnovu izveštaja o brzini i pregleda sajta, jer nije isto ubrzati sajt kome fale samo optimizovane slike i keš, i sajt koji je pretrpan dodacima i loše hostovan. Kontinuirano praćenje i održavanje brzine ide uz održavanje sajta, koje kod nas počinje od 50 evra mesečno, odnosno od 150 evra za složenije sajtove.

Ako pravite nov sajt, brzina je već uračunata jer je ugrađujemo od prvog dana, pa ne plaćate naknadno ono što je moglo da bude urađeno odmah. Detaljan pregled cena po tipu sajta dali smo u vodiču o tome koliko košta izrada sajta u Srbiji.

Kako mi radimo optimizaciju

Optimizaciju uvek počinjemo merenjem, ne nagađanjem. Prvo izmerimo brzinu na PageSpeed Insights i, gde postoje, pogledamo terenske podatke u Search Console-u, pa napravimo spisak onoga što najviše usporava sajt. Krećemo od poteza koji donose najveći dobitak uz najmanje rizika, a posle svake izmene ponovo merimo, da bismo videli stvarni napredak, a ne samo pretpostavku. Na kraju sajt bude osetno brži, a sve promene ostaju zabeležene i uporedive kroz skor pre i posle.

Ako imate osećaj da vam je sajt spor ili da vam ne donosi upite koje biste očekivali, pošaljite nam link. Izmerićemo brzinu, reći gde su problemi i predložiti šta ima smisla popraviti. Pišite nam na info@reload.rs, pozovite 065 234 22 03 ili popunite formu na strani za kontakt.

Česta pitanja