Jak zrychlit LCP: praktický návod

LCP bývá první metrika, na kterou lidé narazí. Tady je pořadí kroků od nejúčinnějších po detaily.

4 min čtení

LCP měří, kdy se vykreslí největší prvek viditelné části stránky, obvykle hero obrázek nebo velký nadpis. Cíl je do 2,5 sekundy u reálných návštěvníků. Postupujte odshora, první body mají největší dopad.

1. Zrychlete server (TTFB)

Pokud server posílá první byte pomalu, nic dalšího už to nedožene. Pomáhá kvalitní hosting, cache hotových stránek a CDN, které obsah servíruje blíž k uživateli.

2. Optimalizujte hlavní obrázek

Použijte moderní formát (WebP/AVIF) a rozumnou velikost.
Nastavte správné rozměry, ať se neposílá 4000px obrázek na mobil.
Hlavní obrázek přednačtěte (preload) a nedávejte mu lazy-loading.

3. Odblokujte vykreslování

Velké blokující CSS a JavaScript v hlavičce odsouvají vykreslení. Kritické CSS vložte inline, zbytek načtěte asynchronně a odložte nenutné skripty.

4. Používejte systémové nebo přednačtené fonty

Webové fonty umí zdržet zobrazení textu. Nastavte font-display: swap a klíčové fonty přednačtěte, ať text nečeká na stažení písma.

💡 Změřte web před úpravou i po ní. Uvidíte, který krok zabral nejvíc, a nebudete optimalizovat naslepo.

Změř na tom svůj web

Teorie je fajn, ale čísla řeknou víc. Zadej adresu a uvidíš, jak na tom jsi.