Core Web Vitals i brzina sajta: šta znače LCP, INP i CLS

⚡ Zašto brzina utiče na posao

Spor sajt gubi posetioce pre nego što pročitaju prvu rečenicu, naročito na telefonu. Brzina je i faktor korisničkog iskustva koje Google uzima u obzir. Ona nije jedini faktor rangiranja i odličan sadržaj može da rangira i sa osrednjom brzinom, ali među sličnim stranicama brža ima prednost, a brža stranica je gotovo uvek i prodavnija.

📏 Tri metrike i njihove dobre vrednosti

• LCP (Largest Contentful Paint): koliko brzo se pojavi najveći element, obično glavna slika ili naslov. Dobro je do 2,5 sekunde.
• INP (Interaction to Next Paint): koliko brzo sajt reaguje posle klika ili dodira. Dobro je do 200 milisekundi. INP je zamenio raniji FID.
• CLS (Cumulative Layout Shift): koliko se sadržaj pomera dok se učitava. Dobro je do 0,1.

🔬 Kako da izmerite

Otvorite PageSpeed Insights, unesite adresu i gledajte podatke iz stvarnog sveta (ako ih ima), ne samo laboratorijski rezultat. Search Console ima izveštaj Core Web Vitals za ceo sajt. Merite mobilnu verziju, jer je ona merodavna.

🛠️ Šta prvo popraviti

1. Slike. Koristite WebP ili AVIF, pravu veličinu i odloženo učitavanje. Pogledajte slike za web.
2. Hosting i keširanje. Spor server ubija sve ostalo. Vidi izbor hostinga.
3. JavaScript. Uklonite ili odložite skripte koje ne trebaju odmah.
4. Fontovi. Manje porodica i težina, ili sistemski fontovi.
5. Dimenzije slika i reklama, da se stranica ne pomera (CLS).
6. Plugin-ovi i teme. Na WordPress-u su najčešći uzrok sporosti: kako ubrzati WordPress.

🎯 Realan cilj

Ne jurite savršenih 100 poena po svaku cenu. Cilj su zeleni Core Web Vitals na mobilnom i stranica koja se oseća brzo. Naši sajtovi su građeni tako da brzina bude ugrađena: bez spoljašnjih fontova, sa minimalnim JavaScript-om i optimizovanim slikama. Više o održavanju brzine pogledajte na stranici održavanje sajta.