Spor sajt: zašto se sporo učitava i koliko vas košta

Sajt je najčešće spor zbog teških slika, previše dodataka i skripti i slabog ili preopterećenog hostinga. U većini slučajeva sve tri stvari mogu da se poprave bez izrade novog sajta.

Spor sajt retko ko primeti iznutra. Vi ga otvarate sa brzog interneta u kancelariji, iz keša pregledača, i sve deluje u redu. Kupac ga otvara prvi put, sa telefona, u autobusu, i gleda prazan ekran.

Cena se ne vidi na računu, ali postoji. Ljudi koji ne sačekaju da se stranica učita odlaze kod konkurencije, plaćeni klikovi iz oglasa propadaju, a Google brzinu meri i uzima u obzir kao deo iskustva na stranici.

Ispod objašnjavamo Core Web Vitals, tri Googleove metrike brzine, jednostavnim rečima, pa najčešće uzroke sporog sajta, kako da ih prepoznate i šta prvo da popravite.

IT Expert je tim iz Beograda koji radi izradu sajtova i SEO optimizaciju. Brzinu merimo na stvarnim posetiocima, ne samo u testu, jer se ta dva broja često razlikuju.

Core Web Vitals jednostavnim rečima

012,5 s

LCP, za koliko se pojavi najveći deo sadržaja, obično glavna slika ili naslov

02200 ms

INP, koliko brzo stranica vidno reaguje kada kliknete ili kucate

030,1

CLS, koliko se sadržaj pomera dok se stranica učitava

Šta znače LCP, INP i CLS

Šta znače LCP, INP i CLS

Core Web Vitals su tri Googleove metrike koje mere kako posetilac doživljava brzinu: koliko čeka na sadržaj, koliko čeka na reakciju i da li mu se stranica pomera ispod prsta.

LCP (Largest Contentful Paint) meri kada se pojavi najveći element na ekranu, najčešće velika slika ili naslov. Do 2,5 sekunde je dobro, preko 4 sekunde je loše. Kada je LCP loš, krivac je najčešće teška naslovna slika ili spor server.

INP (Interaction to Next Paint) meri koliko prođe od klika do vidljive promene na ekranu. Do 200 milisekundi je dobro, preko 500 je loše. Loš INP obično znači previše JavaScripta: čet, pikseli za oglase, slajderi i dodaci koji rade istovremeno.

CLS (Cumulative Layout Shift) meri koliko se sadržaj pomera dok se učitava. Do 0,1 je dobro, preko 0,25 je loše. To je onaj trenutak kada krenete da kliknete na dugme, a ono pobegne jer se iznad učitala slika ili baner.

Google navodi da njegovi sistemi za rangiranje koriste Core Web Vitals, ali i da dobar rezultat ne garantuje prvo mesto. Brzina je jedan od signala, a sadržaj i dalje odlučuje najviše.

Najčešći uzroci sporog sajta

01Teške slike

Kako da prepoznate: naslovna slika ima više megabajta, a stranica se učitava odozgo nadole. Šta pomaže: smanjiti dimenzije, WebP ili AVIF format, odloženo učitavanje slika ispod ekrana.

02Previše dodataka

Kako da prepoznate: sajt na WordPressu sa desetinama dodataka, spor i u admin panelu. Šta pomaže: ukloniti dodatke koji se ne koriste, zameniti teške lakšim.

03Skripte trećih strana

Kako da prepoznate: čet, pikseli, mape i video se učitavaju odmah, INP je loš. Šta pomaže: učitati ih tek kada zatrebaju ili posle prve interakcije.

04Slab hosting

Kako da prepoznate: i prazna stranica sporo odgovara, sajt je spor i noću. Šta pomaže: bolji paket ili server bliži posetiocima.

05Nema keširanja

Kako da prepoznate: svaka poseta iznova pravi stranicu iz baze. Šta pomaže: keširanje stranica i statičkih fajlova.

06Teška tema

Kako da prepoznate: tema učitava slajdere i fontove na svakoj stranici. Šta pomaže: lakša tema ili sajt pravljen po meri.

Slike su najčešći krivac

Slike su najčešći krivac

Slike su najčešći razlog sporog sajta jer se postavljaju direktno sa telefona ili fotoaparata, u punoj veličini. Fotografija od nekoliko megabajta prikazuje se u okviru širokom par stotina piksela, a posetilac je skida celu.

Rešenje je jednostavno i ne kvari izgled: slika se smanji na dimenzije u kojima se prikazuje, sačuva u modernom formatu kao što su WebP ili AVIF i dobije posebnu, manju verziju za telefon.

Slike koje nisu na prvom ekranu učitavaju se tek kada posetilac skroluje do njih. Naslovna slika, naprotiv, treba da se učita odmah, jer od nje najčešće zavisi LCP.

Ako sajt održavate sami, napravite naviku: pre postavljanja proverite veličinu fajla. Slika za blog retko treba da bude veća od nekoliko stotina kilobajta.

Zašto je sajt sporiji na telefonu

Zašto je sajt sporiji na telefonu

Sajt je sporiji na telefonu zato što telefon ima slabiji procesor od računara i često lošiju vezu. Isti JavaScript koji računar izvrši za trenutak, telefonu srednje klase traje primetno duže.

Zato Google Core Web Vitals meri posebno za telefone i za računare. Sajt može da prolazi na računaru, a da na telefonu ima loš LCP i INP.

Koliko vaših posetilaca dolazi sa telefona lako proverite u Google Analytics 4, u izveštaju po tipu uređaja. Ako je telefona više, brzinu merite i popravljate prvo za telefon.

Najviše pomaže manje JavaScripta: manje dodataka, skripte trećih strana koje se učitavaju kasnije i slajderi zamenjeni jednom dobrom slikom.

Koliko vas spor sajt košta

01Kupci koji ne sačekaju

Posetilac koji gleda prazan ekran ne zna da je vaša ponuda dobra. Vrati se na pretragu i klikne na sledeći rezultat, a vi ne saznate da je bio tu.

02Plaćeni klikovi koji propadnu

Kada oglas vodi na spor sajt, plaćate klik osobe koja nije videla stranicu. Kod Google Ads oglasa iskustvo na odredišnoj stranici utiče i na ocenu kvaliteta.

03Izmerena razlika u prodaji

Vodafone je u testu objavljenom na web.dev 2021. godine popravio LCP za 31 odsto i dobio 8 odsto više prodaja, uz isti izgled i sadržaj stranice.

Grafikon učitavanja pre ubrzanja, sa mnogo dugih crvenih i sivih traka

Pre i posle: šta se menja kada ubrzate sajt

Najlakše je videti razliku na grafikonu učitavanja (waterfall), koji prikazuje svaki fajl koji stranica povlači. Pre ubrzanja lista je dugačka: desetine fajlova, teške slike i skripte koje čekaju jedna drugu.

Posle ubrzanja lista je kratka. Slike su manje, skripte koje nisu potrebne na prvom ekranu čekaju, a server odgovara iz keša. Izgled sajta je isti, menja se samo koliko posetilac čeka.

Ko god da vam ubrzava sajt, tražite oba grafikona i merenja pre i posle, da bi razlika bila proverljiva, a ne obećanje.

Kako da izmerite brzinu sajta

Kako da izmerite brzinu sajta

Brzinu sajta najlakše merite u alatu PageSpeed Insights: unesete adresu i dobijete podatke o stvarnim posetiocima, ako ih Google ima dovoljno, i laboratorijski test sa predlozima šta da popravite.

Za ceo sajt, a ne samo jednu stranicu, otvorite izveštaj Core Web Vitals u Google Search Console. Tu vidite koje grupe stranica su dobre, koje treba popraviti i koje su loše, posebno za telefon i računar.

Testirajte više stranica, ne samo početnu: stranicu usluge, kategoriju proizvoda, kontakt. Spora je često baš stranica na koju vodi oglas.

Posle svake izmene merite ponovo. Podaci stvarnih posetilaca u Search Console sporo se menjaju, jer obuhvataju poslednjih 28 dana, pa pravu sliku dobijate tek posle nekoliko nedelja.

Ubrzanje ili novi sajt?

Većina sporih sajtova može da se ubrza bez novog sajta: slike, dodaci, keširanje i hosting. Kada je problem u samoj osnovi, na primer u teškoj temi i desetinama dodataka koji zavise jedan od drugog, ponekad je jeftinije napraviti lakši sajt nego popravljati stari. Posle merenja zajedno vidimo šta je kod vas slučaj, a vi birate ko radi posao.

Česta pitanja o brzini sajta

Po Googleovim granicama, glavni sadržaj treba da se pojavi za najviše 2,5 sekunde (LCP), stranica da reaguje na klik za najviše 200 milisekundi (INP), a pomeranje sadržaja da bude najviše 0,1 (CLS), za 75 odsto poseta.
Laboratorijski test zavisi od trenutnog opterećenja servera i mreže, pa se rezultat menja od testa do testa. Stabilnija slika su podaci stvarnih posetilaca na vrhu izveštaja i izveštaj Core Web Vitals u Search Console.
Google navodi da njegovi sistemi za rangiranje koriste Core Web Vitals, ali i da dobri rezultati ne garantuju prvo mesto. Brzina je jedan od signala. Veći uticaj ima na to da li posetilac ostane na sajtu.
Samo ako je hosting zaista uzrok, na primer kada i prazna stranica sporo odgovara. Ako su problem teške slike ili previše skripti, brži server malo pomaže. Prvo izmerite, pa onda menjajte hosting.
Delimično. Smanjivanje slika i brisanje dodataka koje ne koristite možete sami. Keširanje, odloženo učitavanje skripti i izmene teme traže iskustvo, jer lako pokvare izgled ili forme na sajtu.