Brzinu web stranice vrijedi provjeriti jer usporavanje može otežati čitanje, ispunjavanje obrasca ili kupnju. Loš rezultat nije dovoljan razlog za novu izradu. Prvo utvrdite što posjetitelji doživljavaju, spremite rezultate i provjerite podržava li stranica još uvijek Vaš posao. Tehnički uzrok neka utvrdi osoba koja održava stranicu.
Korisnije pitanje nije samo "Je li stranica dovoljno brza?" nego "Može li osoba pronaći informacije, koristiti stranicu i poslati upit bez nepotrebnog čekanja?"
Mjerite ono što je važno
Krenite od nekoliko važnih stranica, najčešće početne stranice, glavne stranice usluge te stranice s obrascem za upit ili kupnju. Za prvu provjeru odaberite jednu stranicu i zapišite što ste primijetili, primjerice sporo pojavljivanje glavnog sadržaja, zakašnjelu reakciju nakon dodira ili pomicanje sadržaja dok pokušavate čitati ili kliknuti.
Otvorite PageSpeed Insights, zalijepite punu adresu stranice i kliknite Analiziraj. Spremite odvojeno rezultate za mobitel i računalo. Zapišite datum i adresu te kopirajte ili snimite odjeljke s podacima stvarnih korisnika i laboratorijskom dijagnostikom. Ne morate sami procijeniti koja je stavka uzrok problema; spremljene rezultate pošaljite tehničkoj osobi.
Podaci stvarnih korisnika obuhvaćaju prethodnih 28 dana. Ako nema dovoljno podataka za točnu adresu, alat može prikazati sažetak za cijelu domenu. Taj sažetak obuhvaća više stranica i ne mora opisivati adresu koju testirate. Ako nema ni tih podataka, zapišite nije dostupno; to nije ni prolaz ni pad.
Laboratorijski dio prikazuje jedan simulirani test u kontroliranim uvjetima. Pomaže tehničkoj dijagnozi, ali zeleni rezultat ne dokazuje da su stvarni posjetitelji imali jednako iskustvo. U njemu nemojte očekivati sve pokazatelje iz terenskih podataka: INP ovisi o radnjama korisnika i standardni test učitavanja ga ne može izmjeriti.
Prema trenutačnim Googleovim smjernicama, dobar rezultat za Core Web Vitals znači:
- Largest Contentful Paint (LCP): najveća slika ili tekstualni blok vidljiv u prvom prikazu pojavi se unutar 2,5 sekunde;
- Interaction to Next Paint (INP): stranica reagira na radnju unutar 200 milisekundi;
- Cumulative Layout Shift (CLS): neočekivano pomicanje sadržaja ostaje na 0,1 ili manje.
Rezultati se procjenjuju zasebno za mobitele i računala na 75. percentilu. Ako je, primjerice, LCP na 75. percentilu 2,5 sekunde, u otprilike 75 od 100 zabilježenih učitavanja rezultat je bio 2,5 sekunde ili brži. Procjena prolazi kada je svaki Core Web Vital za koji postoji dovoljno podataka u dobrom rasponu. Katkad nema dovoljno podataka za INP, pa se procjena temelji na druga dva pokazatelja. Rezultate vodite odvojeno: mobilni rezultat prije izmjene usporedite s mobilnim rezultatom nakon nje, a računalni s računalnim.
Te metrike opisuju učitavanje, odzivnost i vizualnu stabilnost. Ne zamjenjuju provjeru sadržaja, pristupačnosti, izvršavanja zadataka ili ukupne kvalitete stranice.
Pronađite problem iza rezultata
Isti ukupni rezultat može imati sasvim različite uzroke. Stranica može biti teška zbog neoptimiziranih fotografija. Drugu mogu usporavati vanjske skripte, stara tema, previše dodataka, spor odgovor poslužitelja ili resursi koje stranica uopće ne treba učitavati.
Vaš je zadatak opisati vidljivi problem i spremiti rezultate, a tehnički uzrok prepustiti osobi koja održava stranicu. Zamolite je da provjeri:
- Je li najveća slika prilagođena prostoru u kojem se prikazuje?
- Učitavaju li se videozapisi, karte, chat widgeti i skripte za praćenje samo tamo gdje su potrebni?
- Sadrži li mobilna verzija materijale koji joj ne trebaju?
- Odgađaju li fontovi, animacije ili skočni prozori čitanje i interakciju?
- Vide li se ponavljajuća kašnjenja poslužitelja ili baze u podacima hostinga i nadzora?
Tehnički uzrok ne trebate utvrđivati sami. Pošaljite testirane adrese, datum, rezultate za mobitel i računalo te opis problema osobi koja je izradila ili održava web stranicu. Zatražite:
- konkretan uzrok, primjerice veliku sliku, skriptu ili spor zahtjev poslužitelju, uz nalaz koji to potvrđuje;
- prijedlog najmanje potrebne dorade i procjenu opsega posla;
- tri laboratorijska PageSpeed testa iste adrese i vrste uređaja prije i nakon izmjene, uz zapis svih rezultata;
- potvrdu da je nakon izmjene uspješno poslan probni obrazac, dovršena dogovorena testna kupnja ili izvedena druga važna radnja.
Ako podaci upućuju na ponavljajuće kašnjenje poslužitelja ili baze, uključite podršku hostinga. Tako općenita pritužba o brzini postaje kratak popis posla koji se može procijeniti i provjeriti.
Rezultati Lighthousea mogu varirati između mjerenja, pa usporedite sva tri laboratorijska rezultata umjesto da izdvojite najbolji. Laboratorijski dio može pokazati promjenu odmah nakon dorade. Podaci stvarnih korisnika neće se promijeniti odmah jer i dalje obuhvaćaju prethodnih 28 dana. Ponovno ih provjerite tijekom sljedećih tjedana kako biste vidjeli je li se iskustvo stvarnih posjetitelja poboljšalo.
Poboljšanja koja često imaju smisla
Ne postoji univerzalan popis za performanse, ali neka poboljšanja često su dobar početak. Slike se mogu prilagoditi i poslužiti u modernim formatima. Učitavanje datoteka koje nisu potrebne za prvi prikaz može se odgoditi. Predmemoriranje preglednika može smanjiti ponovno preuzimanje sadržaja. Skripte i dodaci koji više nemaju svrhu mogu se ukloniti.
Svaku izmjenu treba provjeriti prije i poslije. Lako je poboljšati rezultat testa, a pritom pokvariti sliku, obrazac, obavijest o kolačićima, analitiku, naplatu ili drugu važnu radnju. Na telefonu i računalu ponovite isti važan zadatak. Za obrazac pošaljite probni upit te provjerite pojavljuje li se potvrda i stiže li poruka primatelju. Za kupnju upotrijebite dogovoreni testni postupak i provjerite svaki korak do potvrde. Zapišite je li svaki test prošao.
Kada je optimizacija dovoljna
Ciljane izmjene često su dovoljne kada je struktura stranice zdrava, a problem ograničen. Primjerice, stranici mogu trebati bolje obrađene slike, manje vanjskih skripti ili jasniji redoslijed učitavanja. U takvoj situaciji nova izrada može dodati trošak i rizik bez rješavanja poslovnog problema.
Optimizacija je dobar prvi korak i kada želite provjeriti treba li uopće razmatrati novu izradu. Riješite jasne probleme, ponovno izmjerite i provjerite poboljšava li se iskustvo posjetitelja. To daje bolju osnovu za veću odluku.
Kada vrijedi razmotriti novu izradu
Nova izrada može imati smisla kada se problemi s performansama poklapaju sa širim ograničenjima. Platforma možda više nema podršku, sadržaj je teško održavati, mobilno iskustvo ne odgovara potrebama posjetitelja ili nekoliko starih zakrpa čini obične izmjene rizičnima.
Pitajte što bi nova stranica poboljšala osim rezultata testa. Nova stranica treba olakšati održavanje sadržaja, ukloniti stvarno tehničko ograničenje ili posjetiteljima dati bolji put kroz važan zadatak. Ako ne rješava širi problem, krenite od manje izmjene.
Za novu web stranicu s optimiziranim kodom, komprimiranim slikama i provjerom brzine prije objave pogledajte uslugu web dizajna. Održavanje i kasnije izmjene dogovaraju se zasebno.
