LCP: ako zrýchliť načítanie hlavného obsahu
LCP je jeden z troch ukazovateľov Core Web Vitals. Meria, za aký čas sa návštevníkovi zobrazí najväčší prvok na obrazovke, najčastejšie hlavný obrázok alebo nadpis. Je to čas, keď má človek pocit, že stránka sa načítala.
Aká hodnota je dobrá
Google považuje za dobré LCP do 2,5 sekundy, medzi 2,5 a 4 sekundami treba zlepšiť a nad 4 sekundy je to zlé. Hodnotí sa 75. percentil skutočných návštev, teda aj pomalšie zariadenia a pripojenia, nie len váš rýchly počítač.
Čo LCP zhoršuje
- Pomalá odpoveď servera: kým server nepošle HTML, nemôže sa začať nič načítavať.
- Veľký hlavný obrázok: nezmenšený banner alebo fotka v starom formáte.
- Oneskorené načítanie hlavného obrázka: obrázok sa načíta až cez JavaScript alebo je nastavený na lazy loading.
- Blokujúce štýly a skripty: prehliadač čaká na súbory, ktoré na zobrazenie prvej obrazovky nepotrebuje.
- Písma: nadpis sa nezobrazí, kým sa nenačíta písmo.
Ako LCP zlepšiť
- zrýchlite server pomocou cache, viac v článku Cache webu,
- hlavný obrázok zmenšite a použite formát WebP alebo AVIF, viac v článku Obrázky vo formáte WebP a AVIF,
- hlavný obrázok nikdy nenačítavajte oneskorene a dajte prehliadaču vedieť, že je dôležitý (fetchpriority="high"),
- odložte skripty, ktoré prvá obrazovka nepotrebuje,
- pri písmach použite font-display: swap, viac v článku Písma a rýchlosť webu.
Kde LCP zmeriate
PageSpeed Insights ukáže údaje zo skutočných návštev (ak ich má web dosť) aj laboratórny test a označí, ktorý prvok je LCP. V Google Search Console nájdete prehľad Core Web Vitals pre celý web.
Ďalšie dva ukazovatele popisujeme v článkoch INP a CLS. Ak má váš web zlé LCP, zmeriame, čo ho brzdí, a opravíme to.
