Core Web Vitals nije neka magična ranking sila, to su tri konkretne metrike koje Google koristi kao tiebreaker između stranica slične relevantnosti. Ako je tvoj sajt 1.5 puta brži od konkurenta, dobićeš poziciju na bordering query-jima. Ako je sporiji 2x, gubitnik.
Većina članaka o CWV-u priča o teoriji. Ovaj članak je o tome šta praktično da uradiš ovog popodneva da popraviš metrike za tvoj e-shop.
Tri metrike koje treba da znaš
LCP (Largest Contentful Paint), cilj <2.5s
Vreme do kojeg se učita najveći vidljivi element (obično hero slika ili glavni heading). Najveći krivac u e-commerce-u: nekompresovane hero slike (>500KB), font koji blokira render, ili JavaScript koji blokira parsiranje.
INP (Interaction to Next Paint), cilj <200ms
Vreme od kada korisnik klikne nešto do prvog vidljivog odgovora. Zamenila je FID 2024. Glavni problem na Shopify/WooCommerce: heavy chat widget-i (Intercom, Tidio) koji vežu main thread.
CLS (Cumulative Layout Shift), cilj <0.1
Koliko se sadržaj „pomera” dok se stranica učitava. Najveći krivac: slike bez explicit width/height atributa, banner reklame koje stižu posle layout-a, dinamički ubačeni newsletter popup-i.
Brze popravke (do 1 sat rada)
- Dodaj width i height atribute na sve <img> tagove. Eliminiše CLS skoro odmah.
- Konvertuj hero sliku u WebP/AVIF, pad veličine 50-70%. Next.js Image radi to automatski; za Shopify koristi „Image optimizer” app.
- Preload hero font: <link rel="preload" as="font" type="font/woff2" crossorigin>. Smanjuje LCP 200-400ms.
- Odloži chat widget skripte sa async + defer attribute, ili učitaj posle 5s idle vremena.
- Lazy-load sve slike ispod fold-a (loading="lazy").
Šta neće pomoći
AMP (deprecated). „Speed optimization” Shopify app-ovi koji koštaju 30 €/mesec, većina samo minify-uje CSS koji već minify-uje Shopify. CDN ako si već na Vercel/Cloudflare-u, već imaš edge cache.
Kako da meriš
Search Console → Experience → Core Web Vitals (field data, real users). PageSpeed Insights (lab data, idealni uslovi). Treba ti oba, field data je ono što Google koristi za ranking, lab data za debug. Naš besplatan SEO audit alat takođe proverava CWV za tvoju home stranicu.