LCP optimizacija — kako da glavni sadržaj bude brz

LCP (Largest Contentful Paint) meri koliko treba da se učita najveći vidljivi element na stranici — obično glavna slika, naslov ili blok teksta iznad pregiba. To je jedna od tri Core Web Vitals metrike i Google je koristi kao signal za rangiranje. Cilj je jasan: ispod 2,5 sekunde se smatra dobrim, između 2,5 i 4 s treba popraviti, a preko 4 s je loše.

Šta usporava LCP

Najčešći krivci su spor server (visok TTFB), ogromne neoptimizovane slike, render-blocking CSS i JavaScript, i sporo učitavanje fontova. Zanimljivo je da mnogi optimizuju pogrešnu stvar — trude se oko slika na dnu stranice, dok je pravi problem hero slika od 2 MB na vrhu. LCP se tiče samo onoga što posetilac prvo vidi.

Sedam koraka za brži LCP

• Smanjite sliku iznad pregiba. Konvertujte je u WebP ili AVIF, postavite tačne dimenzije i držite je ispod 150-200 KB. Ovo je najčešće najveći dobitak.
• Dodajte fetchpriority="high" na LCP sliku. Time govorite pregledaču da je učita pre svega ostalog.
• Nikada ne stavljajte lazy-load na hero sliku. Lazy-loading je odličan za slike niže na stranici, ali odlaganje LCP elementa direktno kvari metriku.
• Uklonite render-blocking resurse. Odložite nekritičan JavaScript i ubacite kritični CSS inline.
• Preload za fontove i ključne resurse. Font koji kasni pomera i tekst i LCP.
• Uključite keširanje i CDN. Keširana stranica se servira odmah, a CDN je približava posetiocu.
• Popravite TTFB. Ako server troši 800 ms pre nego što pošalje prvi bajt, nijedna front-end optimizacija ne može da spusti LCP dovoljno.

Zašto je hosting temelj

TTFB je prvi deo LCP-a i u potpunosti zavisi od servera. NVMe diskovi, moderna PHP verzija i dovoljno resursa čine razliku između 200 ms i 800 ms samo na serverskoj strani. Zato dobar WordPress hosting nije luksuz nego osnova — bez brzog odgovora servera, borba za LCP je uzaludna. Pogledajte i naše pakete sa NVMe diskovima i besplatnim CDN-om.

Kako da izmerite LCP

Koristite PageSpeed Insights ili Chrome DevTools (Lighthouse) da vidite tačan LCP i koji element ga izaziva. Bitno je gledati podatke sa terena (CrUX), ne samo laboratorijski test — pravi korisnici na mobilnim mrežama često imaju lošije rezultate od vašeg testa na brzom internetu.

Česta pitanja

Koji je dobar LCP? Ispod 2,5 sekunde na mobilnom uređaju za 75% poseta.

Da li CDN pomaže LCP-u? Da, jer skraćuje udaljenost i ubrzava isporuku slike i HTML-a, čime direktno smanjuje LCP za udaljene posetioce.