Otvorite svoj sajt na telefonu. Naslov se pojavi, fotografija kasni, a dugme se pomeri baš kada pokušate da ga pritisnete. Na računaru je sve delovalo sasvim pristojno. Gde onda zapinje?

Provera brzine sajta počinje merenjem konkretne stranice. Alati mogu da pokažu šta se sporo učitava, koji fajlovi su preveliki i gde pregledač gubi vreme. Za početak su dovoljna dva dobra izveštaja i malo strpljenja. Osam alata u nastavku služe različitim proverama; izaberite ono što odgovara problemu koji vidite.

Prvo pogledajte šta zapravo merite

PageSpeed Insights prikazuje laboratorijski test, a kada postoji dovoljno podataka i iskustvo stvarnih posetilaca. Laboratorijski test je kontrolisana proba jednog učitavanja. Podaci posetilaca obuhvataju prethodnih 28 dana, sa različitim uređajima i vezama. Zato rezultati mogu da se razlikuju.

Obratite pažnju i na oznaku da li se podaci odnose na konkretnu stranicu (URL) ili objedinjeno na sajt na toj adresi (origin). Ako izveštaj nema podatke posetilaca, to samo po sebi ne znači da je sajt brz ili spor.

Osam alata za proveru brzine i performansi sajta

1. PageSpeed Insights — za prvi pregled

U PageSpeed Insights unesite adresu stranice i odvojeno pogledajte mobilni i desktop izveštaj. Pročitajte preporuke ispod ocene. Tu se nalaze tragovi: slike, skripte i drugi elementi koje treba detaljnije proveriti.

2. Lighthouse — za proveru iz pregledača

Lighthouse možete pokrenuti kroz razvojne alate u Chrome-u. Koristan je kada menjate stranicu i želite novu laboratorijsku proveru. Uslovi na vašem računaru mogu uticati na rezultat, pa poređenje radite na isti način.

3. WebPageTest — kada želite da vidite redosled učitavanja

WebPageTest prikazuje detaljan tok učitavanja. Posebno su korisni snimci napretka stranice i prikaz pojedinačnih zahteva, poznat kao waterfall. Ako neki fajl dugo čeka ili se prekasno pojavljuje važan sadržaj, ovde možete tražiti uzrok.

4. GTmetrix — za pregled fajlova i poređenje rezultata

GTmetrix daje izveštaj o performansama i učitavanju pojedinačnih resursa. Zapišite lokaciju i uslove testa, pa ih ponovite posle izmene. Dostupne lokacije i napredne mogućnosti zavise od naloga i plana.

5. Pingdom Tools — za jednostavan pregled učitavanja

Pingdom Website Speed Test pokazuje vreme učitavanja i pregled zahteva stranice. Pogledajte koji tip sadržaja zauzima najviše prostora. Ako se izdvoji velika fotografija, njena veličina je dobar prvi trag za proveru.

6. Uptrends — za proveru iz različitih uslova

Uptrends Website Speed Test nudi pregled učitavanja, pojedinačnih elemenata i sadržaja sa drugih domena. Koristan je kada sumnjate na spoljnu skriptu ili kada želite da proverite kako izbor uređaja, veze i lokacije utiče na rezultat.

7. KeyCDN Website Speed Test — za pregled zahteva

KeyCDN Website Speed Test prikazuje veličinu sadržaja, vreme učitavanja i waterfall zahteva. Dobar je za dodatnu proveru nalaza iz prvog alata. Upoređujte iste stranice iz sličnih lokacija i uslova.

8. Search Console — za praćenje iskustva posetilaca

U svom Google Search Console nalogu pogledajte Core Web Vitals izveštaj. On grupiše slične stranice prema podacima stvarnih korisnika. Za mali ili nov sajt može nedostajati podataka, a efekat današnje izmene neće odmah ispuniti ceo period merenja.

Tri oznake koje vredi razumeti

Core Web Vitals opisuju učitavanje, odziv i stabilnost stranice. Prema Google smernicama, dobre vrednosti su:

• LCP do 2,5 sekunde: koliko brzo se pojavi najveći vidljivi element, na primer glavna fotografija ili veliki blok teksta.
• INP do 200 milisekundi: koliko brzo stranica reaguje na klik, dodir ili unos.
• CLS do 0,1: koliko se sadržaj neočekivano pomera dok koristite stranicu.

Ove granice za podatke stvarnih korisnika posmatraju se na 75. percentilu: najmanje 75% poseta treba da bude u dobrom opsegu. Pojedinačan laboratorijski rezultat ne predstavlja celo iskustvo publike.

Kako bih uradio prvu proveru

1. Izaberite tri važne stranice: početnu, jednu uslugu ili proizvod i jedan članak. Svaka može imati drugačiji problem.
2. Sačuvajte početno stanje: URL, datum, alat, uređaj i lokaciju, kada je birate. Ponovite laboratorijski test nekoliko puta da vidite koliko rezultat varira.
3. Pronađite zajednički trag: velika slika, spor zahtev ili skripta koja dugo zauzima pregledač. Izaberite jednu stvar za proveru.
4. Napravite bezbednu izmenu: pre promene teme, dodataka ili serverskih podešavanja obezbedite rezervnu kopiju i mogućnost povratka.
5. Izmerite ponovo: istim alatom i pod sličnim uslovima. Proverite i da li rade meni, obrazac i poručivanje.

Kada u priču ulazi hosting?

Na brzinu zajedno utiču sajt, hosting okruženje, mreža i sadržaj koji dolazi sa drugih servisa. Duže čekanje prvog odgovora servera jeste trag za proveru, ali samo jedan rezultat nije dovoljan da se odredi uzrok.

Ako proveravate brzinu sajta pre izbora novog hostinga, pogledajte naše hosting pakete i uporedite šta dobijate uz svaki paket. Ako već imate sajt, pošaljite podršci konkretnu adresu i izveštaj testa. Tako razgovor odmah može da krene od onoga što zaista usporava stranicu.

Za prvu proveru izabrao bih PageSpeed Insights, pa još jedan alat za pregled učitavanja. Pronađite jedan jasan problem, otklonite ga i ponovite merenje. Sačuvajte izveštaje pre i posle izmene da biste imali šta da uporedite.

Izvori i dodatna objašnjenja

• Google: kako PageSpeed Insights prikuplja i prikazuje podatke
• Chrome: zašto se Lighthouse ocena menja
• WebPageTest: kako čitati rezultate testiranja