Core Web Vitals prakticky — LCP, CLS a INP lidskou řečí

Google měří „zážitek“ z vašeho webu třemi čísly — Core Web Vitals. Ovlivňují pozice ve vyhledávání i to, kolik lidí web opustí dřív, než se načte. Tady je, co ta čísla znamenají lidskou řečí, jak se změřit a co s výsledky.

Tři metriky lidskou řečí

LCP (Largest Contentful Paint) — za jak dlouho se objeví hlavní obsah stránky; cíl do 2,5 s. CLS (Cumulative Layout Shift) — jak moc stránka při načítání „poskakuje“ (banner odstrčí tlačítko pod prstem); cíl pod 0,1. INP (Interaction to Next Paint) — jak svižně web reaguje na kliknutí; cíl do 200 ms.

Jak se změřit

  1. PageSpeed Insights

    Zadejte adresu na pagespeed.web.dev — dostanete laboratorní měření i reálná data návštěvníků (má-li jich web dost). Měřte titulku i důležité podstránky, výsledky se liší.

  2. Google Search Console

    Sekce Core Web Vitals ukazuje dlouhodobý stav očima skutečných návštěvníků — nejdůvěryhodnější zdroj.

  3. Měřte opakovaně

    Po každé větší změně (šablona, plugin, obrázky) přeměřte — trend je důležitější než jedno číslo.

Co zlepší LCP

Rychlá odezva serveru a PHP (diagnostika pomalého webu, Redis + cache plugin), optimalizované obrázky (hlavní obrázek stránky bez lazy loadingu!) a lehká šablona.

Co zlepší CLS a INP

CLS: obrázky s pevně danými rozměry, žádné pozdě naskakující bannery, fonty s náhradním písmem. INP: méně JavaScriptu — každý plugin a měřicí kód se počítá; nejtěžší bývají vizuální buildery a přebujelé šablony.

💡 Tip

Pořadí prací podle výtěžnosti: cache + obrázky (pár hodin, největší skok), potom úklid pluginů a JavaScriptu, nakonec jemné ladění šablony. Serverovou část máte na WPCloud připravenou — zbytek se odehrává ve webu.

Časté dotazy

Mám skóre 60. Je to katastrofa?

Oranžové laboratorní skóre není tragédie — rozhodují reálná data (Search Console) a splnění limitů LCP/CLS/INP. Zelené metriky s průměrným „skóre“ jsou v pořádku.

Nasadil jsem cache a čísla se nezlepšila. Proč?

LCP často drží velký obrázek či pomalý font, ne server. Projděte konkrétní doporučení pod výsledkem měření — ukazují přesně, který prvek brzdí.

Vyplatí se kvůli CWV měnit šablonu?

Až jako poslední krok — nejdřív vytěžte obrázky, cache a úklid pluginů. Prokazatelně těžká šablona (stovky kB skriptů) ale umí být hlavní brzda.

Byl pro vás článek užitečný?