Številke, ki si jih je vredno zapomniti
Hitrost strani je merljiva poslovna metrika. Vsaka sekunda zamude pri LCP zmanjša verjetnost oddaje obrazca za 7–12 % (Google studies, povprečje preko 100+ strani).
Bounce rate vs LCP
- LCP 1 s → bounce rate 9 %.
- LCP 3 s → bounce rate 32 %.
- LCP 6 s → bounce rate 70 %.
Drugače povedano: če stran nalaga 6 s, 70 % obiskovalcev zapusti, preden vidijo ponudbo.
Konkretni primer iz prakse
Pri eni od naših strank smo opravili samo performance optimizacijo (brez dizajn ali vsebinskih sprememb):
- Pred: LCP 4,2 s, INP 380 ms, CLS 0,18.
- Po: LCP 1,8 s, INP 140 ms, CLS 0,06.
- Rezultat: bounce rate -38 %, povpraševanja +42 % v 3 mesecih.
- Cena optimizacije: 1.500 €. ROI: 4 mesece.
Kateri elementi imajo največji vpliv
1. Slike (40–60 % vpliva)
Nepravilno optimizirane slike so #1 problem. Pretvorba JPG/PNG → WebP daje 30–50 % manjše datoteke. loading="lazy" izloči slike pod fold-om.
2. JavaScript (20–30 % vpliva)
3rd-party skripte (analytics, chat widgeti, social pixels) blokirajo render. Vsak <script> brez async ali defer stoji 100–500 ms.
3. Gostovanje (10–20 % vpliva)
Slabi shared hosting plani vrnejo TTFB 1.5–3 s. Dobro VPS gostovanje vrne 200–400 ms.
4. CSS (5–15 % vpliva)
Veliki monolitni CSS file-i blokirajo render. Inline kritični CSS za above-the-fold reši to.
Mobilni vpliv
Na mobilnem so zamude še hujše. 4G ni vedno hitri – realnost je 5–15 Mbps z visokim latency. Stran, ki na desktop nalaga 2 s, na mobilnem nalaga 5 s.
Google uporablja mobile-first indexing – meritev za SEO je iz mobilne verzije.
Praktični prvi koraki
- Lighthouse mobile audit (Chrome DevTools, "Mobile" + "Slow 4G").
- Najdi LCP element. Verjetno je hero slika.
- Pretvori v WebP, dodaj
fetchpriority="high". - Lazy-load vse slike pod fold-om.
- Defer ali async vse 3rd-party JS.
- Re-meri. Običajno -1 do -2 s LCP po teh 5 korakih.