Brzi sazetak
Sto trebate znati prije odluke?
- LCP mjeri koliko brzo se pojavi glavni sadržaj.
- INP mjeri koliko brzo stranica reagira na interakciju.
- CLS mjeri koliko se layout pomice dok korisnik cita ili klika.
LCP najcesce pati zbog hero slike
Na poslovnim stranicama glavni vizual, video ili veliki tekst u hero sekciji često odreduje prvi dojam brzine. Ako je slika prevelika ili kasno ucitana, korisnik ceka prije nego uopce razumije ponudu.
Rješenje je tehničko i urednicko: prava dimenzija, moderan format, prioritetno ucitavanje i hero koji ne ovisi o teskom efektu.
- Koristite WebP ili AVIF kada je moguće.
- Ne ucitavajte desktop sliku na mobilnom ekranu.
- Za kljucni hero element izbjegavajte kasno JavaScript renderiranje.
INP otkriva tezak JavaScript
Stranica može brzo izgledati ucitana, ali sporo reagirati na klik. To se događa kada previse skripti, animacija ili third-party alata zauzima glavnu nit preglednika.
Za uslužne stranice najvaznije interakcije su navigacija, forme, CTA gumbi i galerije. One moraju ostati brže i na prosjecnom mobitelu.
- Uklonite skripte koje ne pomazu prodajnom toku.
- Odlozite analitiku i widgete koji nisu kriticni za prvi prikaz.
- Testirajte forme na mobitelu, ne samo na desktopu.
CLS je problem povjerenja
Ako se gumb pomakne dok korisnik želi kliknuti, stranica djeluje nesigurno. CLS se često događa zbog slika bez dimenzija, fontova koji se naknadno mijenjaju ili umetnutih elemenata koji guraju sadržaj.
Stabilan layout pomaže i pristupacnosti i konverzijama. Korisnik treba osjecaj da kontrolira stranicu.
- Rezervirajte prostor za slike, iframeove i bannere.
- Pazite na ucitavanje web fontova.
- Izbjegavajte kasno ubacivanje elemenata iznad sadržaja.
Primjena
Checklista za ovu temu
- Testirati LCP, INP i CLS na mobilnom i desktopu.
- Optimizirati hero slike i fontove.
- Ukloniti nepotrebne skripte.
- Rezervirati prostor za medije.
- Ponoviti mjerenje nakon svake vece promjene.
Izvori
Izvori i provjera
Članci se uređuju prema javno dostupnim smjernicama i praktičnom iskustvu iz web, SEO i oglasnih projekata. Za ovu temu korišteni su:
Sljedeći korak
Performanse web stranice
Ako stranica izgleda dobro, ali djeluje sporo, performanse treba mjeriti i popraviti prioritetno.