Core Web Vitals: Svatá trojice v detailu
Tyto tři metriky jsou pro Google klíčové, protože přímo korelují s frustrací uživatele.
- LCP (Largest Contentful Paint) – Kritické vykreslení: Nejde jen o to, kdy se něco objeví. Řešíme TTFB (Time to First Byte), tedy rychlost serveru, a následně Resource Load Delay. Pokud máte špatné LCP, problém je buď v pomalém hostingu, nebo v tom, že prohlížeč musí nejdřív stáhnout obří balík nepoužívaného JavaScriptu, než vůbec začne kreslit obrázek.
- CLS (Cumulative Layout Shift) – Vizuální integrita: V roce 2026 už neexistuje omluva pro poskakující texty. Analyzujeme FOIT/FOUT (chování fontů při načítání) a striktně definujeme aspect ratio u všech médií. Pokud používáte dynamické reklamy nebo vkládané prvky (iframy), musíme pro ně v layoutu rezervovat místo dopředu.
- INP (Interaction to Next Paint) – Responzivita rozhraní: Tato metrika nahradila starší FID a je mnohem přísnější. Měří zpoždění všech interakcí na stránce. Problémem bývá často „vytížené hlavní vlákno“ (main thread) kvůli analytickým skriptům nebo těžkému JS frameworku. Pokud INP nefunguje, web působí „gumově“.
Co dalšího Lighthouse měří (a vy byste měli taky)
Lighthouse audit dnes rozkládá výkon na mnohem drobnější detaily, které v součtu tvoří celkové Performance skóre.
- FCP (First Contentful Paint): Okamžik, kdy uživatel vidí první náznak, že se něco děje. Pokud je FCP vysoké, uživatel má pocit, že web nefunguje.
- TBT (Total Blocking Time): Naprosto zásadní metrika. Udává, kolik času bylo hlavní vlákno procesoru zablokováno úlohami delšími než 50 ms. Čím vyšší TBT, tím horší je pocit z ovládání webu. Tady se láme chleba mezi amatérským webem a špičkovou aplikací.
- Speed Index: Ukazuje, jak rychle se vizuálně zaplňuje celá plocha nad ohybem (above the fold).
Přístupnost a Best Practices: Víc než jen rychlost
Lighthouse není jen o výkonu. V roce 2026 Google (i legislativa EU – European Accessibility Act) klade obří důraz na další pilíře:
- Accessibility (A11y): Web musí být čitelný pro čtečky, mít správné kontrastní poměry a logickou strukturu nadpisů. Není to jen o empatii, je to o tom, že vyhledávač je v podstatě taky „slepý uživatel“ – pokud web nechápe čtečka, nebude mu plně rozumět ani indexovací bot.
- Best Practices: Používání HTTP/3, moderních formátů (AVIF), zabezpečení přes HTTPS a absence zastaralých API. Pokud web používá nebezpečné knihovny, Lighthouse vám to v roce 2026 tvrdě spočítá.
Proč na tom trváme?
Zkušenost nám ukazuje, že „zalepit“ pomalý web cachovacím pluginem nikam nevede.
- SGE a AI vyhledávání: AI asistenti (Gemini, Perplexity) potřebují bleskový přístup k čistým datům. Pokud je váš web technicky nečitelné „špagety“, AI vás jako zdroj přeskočí.
- Mobilní realita: Většina vašich zákazníků v Budějovicích i jinde je na 4G/5G síti s různou kvalitou signálu. My optimalizujeme weby tak, aby byly funkční i v horších podmínkách, ne jen na našem rychlém kancl internetu.
- Udržitelnost kódu: Čistý a rychlý kód znamená méně přenesených dat a nižší nároky na procesory. Je to efektivní jak pro vaši peněženku (levnější hosting, vyšší konverze), tak pro stabilitu celého řešení.
Jak vypadá naše práce v praxi?
Nespokojíme se s průměrem. Analyzujeme Critical Rendering Path, odstraňujeme render-blocking zdroje a pokud vidíme, že stávající řešení (např. starý WordPress s 50 pluginy) nejde rozumně optimalizovat, na rovinu vám navrhneme přechod na moderní bezhlavou (headless) architekturu nebo čistý vývoj.
Cena za technický audit a následnou optimalizaci začíná kolem 10 000 Kč, ale vrací se v každém ušetřeném zákazníkovi, který by jinak kvůli pomalosti webu odešel ke konkurenci.
