JPG/PNG pretvorimo v WebP (-50 do -70 % velikosti). Hero slika dobi fetchpriority="high", ostale loading="lazy".
Hitrost in optimizacija spletne strani
Optimizacija LCP, INP, CLS in TTFB. Slike v WebP, kritični CSS, cache, lazy loading in strežniška plast za hitrejše nalaganje.
Hitrost strani
Hitra stran je prvi SEO signal in največji konverzijski multiplikator.
Vsaka sekunda zamude pri LCP zmanjša verjetnost oddaje obrazca za 7-12 %. Hitrost ni estetska zadeva – je merljiva poslovna metrika.
Hitri pregled
- Core Web Vitals: LCP, INP, CLS
- optimizacija slik (WebP, srcset, dimenzije)
- minifikacija CSS / JS, kritični CSS inline
- cache: brskalniški, server-side, CDN po potrebi
- lazy loading slik, fetchpriority za hero LCP
Core Web Vitals
Cilj: vse tri metrike v zelenem območju, ne samo ena.
Pošteno primerjavo zapišemo, ker je tehnologija orodje. Nobena izbira ni absolutno prava ali napačna – pomembna je primernost vašemu primeru.
| Kriterij | Slabo | Sprejemljivo | Dobro |
|---|---|---|---|
| LCP – Largest Contentful Paint | čez 4,0 s | 2,5-4,0 s | pod 2,5 s |
| INP – Interaction to Next Paint | čez 500 ms | 200-500 ms | pod 200 ms |
| CLS – Cumulative Layout Shift | čez 0,25 | 0,1-0,25 | pod 0,1 |
| TTFB – Time to First Byte | čez 1,8 s | 0,8-1,8 s | pod 0,8 s |
| Skupna velikost strani | čez 3 MB | 1-3 MB | pod 1 MB |
Kaj konkretno naredimo
Vsak optimizacijski poseg ima merljiv vpliv na konkretno metriko.
Optimizacija ni en velik korak, ampak 10-20 majhnih posegov, ki skupaj pripeljejo stran v zeleno območje.
Vsaka slika ima width / height atribute (preprečuje CLS) in srcset za retina / mobile zaslone.
Inline kritični CSS za above-the-fold. Ostalo deferred. Brez render-blocking JS.
Static assets cache 1 leto (immutable), HTML 5 min, server-side cache za PHP, ki bere bazo.
WOFF2 format, font-display: swap, preconnect na Google Fonts ali samo lokalni fonti.
PHP OPcache, gzip / brotli kompresija, HTTP/2, SSL session resumption.