Brzina koja se vidi i meri

Core Web Vitals su Google-ova merila za iskustvo korisnika. Mi ih prevodimo u više upita, više prodaje i manje napuštanja sajta.

Ako se sajt sporo otvara, ljudi odustaju – posebno na mobilnom. Naš posao je da stranice krenu odmah, da su stabilne i da reaguje na klik bez kašnjenja. Rezultat je jednostavan: više ljudi stigne do forme, poziva ili kupovine.

Šta su Core Web Vitals (ukratko)

LCP ≤ 2.5s

LCP – “Koliko brzo se pojavi glavna slika/tekst?”

Merimo koliko treba da se učita glavni deo stranice (obično hero slika ili naslov). Što brže – to posetilac ostaje.

INP ≤ 200ms

INP – “Da li sajt reaguje na klik bez kašnjenja?”

Kašnjenje posle klika ili unosa deluje neprofesionalno. Cilj: reakcija ispod 0.2s – sve deluje trenutno.

CLS ≤ 0.10

CLS – “Da li stranica ‘skače’ dok se učitava?”

Zakucamo dimenzije elemenata (slike, baneri) tako da ništa ne “iskače” – korisnik lako klikne pravo dugme.

Pragovi “Dobro” (mobilni) po Google-u. Ne jurimo savršenstvo – jurimo vidljiv rezultat.

Šta tačno popravljamo

Slike i video

Konverzija u WebP/AVIF, prave dimenzije, lazy-load, poster za video. Hero slika ne “guši” početak.

Kritični CSS i skripte

CSS iznad preloma, odloženi JS, uklanjanje nepotrebnih biblioteka – stranica radi i bez “teškog” koda.

Stabilnost layout-a

Rezervisane dimenzije, pametno učitavanje fontova i embed-ova – nema pomeranja sadržaja tokom učitavanja.

Keširanje i CDN

Keš zaglavlja, minifikacija, verzionisanje. Dajemo brzu kopiju posetiocu najbližem serveru.

Forme i interakcije

Bez blokirajućih event-a, validacija na licu mesta, optimizovano slanje – “klik → sledeći korak” bez čekanja.

Merimo, ne nagađamo

Uključujemo merenje iz stvarnog sveta (RUM). Gledamo mobilni saobraćaj – tamo se odlučuje.

Kako izgleda pomak (primer landing stranice)

Metod Pre Posle Šta smo uradili
LCP (glavni sadržaj) 3.8s 1.9s WebP hero, kritični CSS, keširanje
INP (reakcija na klik) 340ms 140ms Odložen JS, skidanje nepotrebnih skripti
CLS (stabilnost) 0.24 0.03 Rezervisane dimenzije, font-display, embed fix

Vrednosti su ilustrativne; konkretne brojke zavise od sadržaja i hostinga.

Kako to sprovedemo (bez bola)

  1. Brzi audit. Kratko merenje ključnih stranica (mobilni fokus).
  2. Plan od 5 koraka. Šta da izbacimo, šta da optimizujemo, šta da odložimo.
  3. Implementacija. Slike, CSS/JS, keš, forme – redom i mereno.
  4. Provera. Ponavljamo merenja, fokus na realnim korisnicima.
  5. Mini roadmap. Predlozi za dalji rast (A/B ideje, UX sitnice).

Česta pitanja

Ne. I običan sajt može delovati spor (velike slike, neoptimizovani fontovi, pluginovi). Uglavnom rešavamo za 1–2 sprinte.

Jesu deo šire slike. Brže i stabilnije stranice pomažu i korisniku i Google-u, posebno na mobilnom i sporijim mrežama.

Naravno. Dajemo kratke smernice (dimenzije slika, upload, video, alati) i lagan checklist za tim.