Скочи на главни садржај

PlusNet

Core Web Vitals i INP: kako da ubrzate WordPress sajt tamo gde se to vidi

Kratak odgovor: Core Web Vitals su tri Google-ove metrike iskustva na stranici: LCP meri koliko brzo se pojavi glavni sadržaj (dobro je do 2,5 sekunde), INP meri koliko brzo stranica reaguje na…

Core Web Vitals i INP na WordPress sajtu

Kratak odgovor: Core Web Vitals su tri Google-ove metrike iskustva na stranici: LCP meri koliko brzo se pojavi glavni sadržaj (dobro je do 2,5 sekunde), INP meri koliko brzo stranica reaguje na klik ili dodir (dobro je do 200 milisekundi), a CLS meri koliko se sadržaj pomera dok se učitava (dobro je do 0,1). Na WordPress-u najveći dobitak obično donose lakša tema, manje dodataka, optimizovane slike i keširanje.

Brzina sajta je jedna od retkih stvari koja istovremeno utiče na Google, na oglase i na prodaju. Spora stranica gubi posetioce pre nego što vide ponudu, a Google Ads za sporu odredišnu stranicu daje lošiju ocenu kvaliteta. Ipak, nije svaka brzina ista: Google gleda iskustvo stvarnih korisnika, i to kroz tri konkretne metrike.

Tri metrike koje Google meri

Metrika Šta meri Dobro Loše
LCP (Largest Contentful Paint) Kada se pojavi najveći element: naslovna slika ili veliki naslov do 2,5 s preko 4 s
INP (Interaction to Next Paint) Koliko brzo stranica vizuelno reaguje na klik, dodir ili kucanje do 200 ms preko 500 ms
CLS (Cumulative Layout Shift) Koliko se sadržaj neočekivano pomera do 0,1 preko 0,25

INP je u martu 2024. zamenio stariju metriku FID. Razlika je velika: FID je merio samo prvu interakciju, a INP meri reakciju tokom celog boravka na stranici. Zato mnogi sajtovi koji su ranije bili „zeleni” sada imaju problem, najčešće zbog previše JavaScript-a.

Gde da proverite

  • Google Search Console, izveštaj Core Web Vitals: podaci stvarnih korisnika za ceo sajt, grupisani po tipu stranica. Ovo je ono što Google koristi.
  • PageSpeed Insights: za pojedinačnu stranicu. Gornji deo prikazuje podatke stvarnih korisnika (ako ih ima dovoljno), donji deo laboratorijski test sa preporukama.
  • Chrome DevTools: za programere, kartica Performance pokazuje šta tačno blokira reakciju.

Važno: laboratorijski skor od 0 do 100 nije ono po čemu Google rangira. Sajt može imati skor 70 i odlične podatke stvarnih korisnika, i obrnuto.

Najčešći uzroci na WordPress sajtovima

Spor LCP

  • Ogromna naslovna slika ili slajder sa više velikih slika. Slajderi su čest krivac i retko donose prodaju.
  • Spor hosting i nema keširanja stranica.
  • Fontovi i CSS koji blokiraju prikaz.
  • Glavna slika koja se učitava lenjo (lazy load), iako je odmah vidljiva.

Loš INP

  • Teški page builder-i i teme sa mnogo skripti.
  • Previše dodataka koji svaki učitava svoj JavaScript na svakoj stranici.
  • Skripte trećih strana: četovi, više analitičkih alata, widget-i društvenih mreža, banneri.
  • Meniji i filteri koji na svaki klik pokreću skupe operacije.

Visok CLS

  • Slike i video bez zadate širine i visine.
  • Banneri za kolačiće ili obaveštenja koja guraju sadržaj nadole.
  • Fontovi koji posle učitavanja menjaju veličinu teksta.

Šta raditi, po redosledu isplativosti

  1. Keširanje stranica preko dodatka koji odgovara serveru, na primer LiteSpeed Cache na LiteSpeed hostingu. Često najveći pojedinačni dobitak.
  2. Slike: WebP ili AVIF format, prava veličina za prikaz, zadate dimenzije, lenjo učitavanje za sve osim prve vidljive slike.
  3. Čišćenje dodataka: uklonite one koje ne koristite i proverite koje skripte se učitavaju na svakoj stranici bez potrebe.
  4. Odlaganje skripti trećih strana dok korisnik ne počne da koristi stranicu, posebno četova i widget-a.
  5. Kritični CSS i fontovi: učitajte prvo ono što je potrebno za vidljiv deo stranice, a fontove sa font-display: swap.
  6. Tema: ako je tema sama po sebi teška, nijedan dodatak to ne popravlja do kraja. Kod redizajna birajte laganu osnovu.
  7. Hosting: sajt za srpsko tržište treba da bude na serveru blizu korisnika, sa modernom verzijom PHP-a.

Koliko ovo utiče na pozicije

Google kaže da je iskustvo na stranici deo sistema rangiranja, ali da je relevantan i koristan sadržaj važniji. Brzina retko sama podigne stranicu na prvo mesto, ali spora stranica lako gubi od jednako dobre konkurencije. Veći efekat je na konverzije: brža stranica dovodi do više upita iz istog broja poseta.

Česta pitanja

Moram li da imam 100 u PageSpeed-u?

Ne. Cilj su zeleni podaci stvarnih korisnika u Search Console-u. Juriti savršen laboratorijski skor često znači žrtvovati funkcije koje prodaju.

Zašto je mobilni rezultat lošiji od desktop-a?

Test simulira slabiji telefon i sporiju mrežu. Pošto većina posetilaca u Srbiji dolazi sa telefona, mobilni rezultat je važniji.

Koliko brzo se vide promene u Search Console-u?

Podaci stvarnih korisnika gledaju poslednjih 28 dana, pa se poboljšanje vidi postepeno, tokom nekoliko nedelja.

Zaključak

Brzina nije jedan broj nego tri konkretne metrike, i svaka ima svoje uzroke. Najbolje rezultate daje redosled: keš, slike, dodaci, skripte, tema. Brzinu proveravamo u svakom SEO auditu, a pri izradi sajta je postavljamo od prvog dana.

Povezano: Zašto brzina sajta direktno utiče na prodaju · Kako pravilno optimizovati slike na sajtu

Izrada sajta

Sajt koji je brz, jasan i donosi upite

Dizajn, sadržaj i tehnika urađeni tako da sajt od prvog dana bude spreman za Google.

Pošaljite upit Više o usluzi

Upit

Pošaljite upit

Odgovaramo u roku od jednog radnog dana. Polja zavise od usluge koja vas zanima.