Jak na web se 100 body v Lighthouse (a proč samotné skóre nestačí)

Co je Lighthouse a proč ho řešit

Lighthouse je bezplatný nástroj od Googlu, který web otestuje a ohodnotí ve čtyřech oblastech:

• Výkon: jak rychle se stránka načte a začne reagovat
• Přístupnost: jestli web zvládnou používat i lidé se zrakovým nebo pohybovým omezením
• Osvědčené postupy: bezpečnost a technická kvalita
• SEO: jestli je web technicky připravený pro vyhledávače

V každé oblasti může web získat až 100 bodů.

Proč na tom záleží? Zhruba polovina návštěv dnes přichází z mobilu a Google web hodnotí právě podle jeho mobilní verze. Každá vteřina čekání vás přitom stojí část návštěvníků. Google navíc rychlost a uživatelský zážitek zohledňuje při řazení výsledků vyhledávání. Pomalý web tak přichází o zákazníky dvakrát. Poprvé kvůli jejich netrpělivosti, podruhé ve vyhledávání.

Jedna důležitá poznámka hned na začátek: Lighthouse je testovací nástroj. Web změří v laboratorních podmínkách, na simulovaném telefonu a simulovaném připojení. Jeho výsledek proto nemusí odpovídat tomu, co zažívají vaši skuteční návštěvníci. Ten obrázek dávají až Core Web Vitals, tedy data od reálných uživatelů, která najdete třeba v Google Search Console. Podrobněji se k nim dostaneme níž.

Rychlý web začíná na serveru

Představte si restauraci. Ani nejlepší obsluha nepomůže, když kuchyně připravuje každé jídlo od nuly.

Server je kuchyně vašeho webu.

Dobře postavený web má běžné stránky „předpřipravené“ a návštěvníkovi je vydá okamžitě. Nemusí je pokaždé znovu skládat z databáze. Rozdíl je znát hlavně ve chvílích, kdy na web přijde víc lidí najednou, třeba po spuštění kampaně.

Na hostingu se proto nevyplácí šetřit. A od dodavatele webu chtějte vědět, jak se web chová, když návštěvnost naroste.

Méně marketingových nástrojů, víc výkonu

Tohle je nejčastější důvod, proč rychlý web po pár měsících zpomalí.

Nejdřív přibude analytika. Pak reklamní pixel. Pak nástroj na sledování kliknutí, chatovací okénko, další reklamní kód a ještě jeden „jen na zkoušku“.

Každý takový nástroj znamená, že si prohlížeč musí stáhnout kus cizího kódu z cizího serveru. A nad ním už nemáte kontrolu. Stačí jeden pomalý nástroj a zdrží celou stránku.

Neznamená to, že máte přestat měřit. Data jsou pro rozhodování zásadní. Jde o to měřit chytře:

• Vyberte si nástroje, které opravdu používáte. Pokud do nějakého nikdo nenahlédl déle než tři měsíce, pravděpodobně ho nepotřebujete.
• Zvažte analytiku, která běží na vašem vlastním serveru. Data zůstávají u vás a web nemusí kontaktovat cizí služby.
• Marketingové nástroje spouštějte až po souhlasu návštěvníka. Pravidla ochrany osobních údajů to stejně vyžadují a web se díky tomu napoprvé načte rychleji.

Matomo: analytika, která zůstane u vás

Nejznámější alternativou ke Google Analytics, kterou můžete provozovat na vlastním serveru, je Matomo. Samotný software je zdarma (platíte jen provoz serveru) a pokrývá to, co většina firem od analytiky čeká: návštěvnost, zdroje, chování na webu, cíle a konverze, kampaně nebo e-commerce. Umí měřit i bez cookies a má vlastního správce měřicích kódů, obdobu Google Tag Manageru.

Pokročilejší funkce se doplňují placenými rozšířeními:

• heatmapy a nahrávky návštěv: kam lidé klikají, kam až scrollují a kde se zaseknou
• analýzu formulářů: u kterého pole návštěvníci odcházejí
• trychtýře (funnely): v kterém kroku objednávky zákazníci odpadají
• A/B testování různých variant stránky

Výsledkem je velmi podobný přehled jako u kombinace Google Analytics a externích nástrojů na heatmapy. Data ale zůstávají na vašem serveru a web nemusí načítat další cizí skripty.

Co jde, mějte u sebe

Na spoustě webů se tiše načítá obsah odjinud: písma, mapy, videa nebo ochrana formulářů proti spamu. Každá taková služba web zpomalí. A dozví se, že k vám návštěvník přišel.

Hostujte písma na vlastním webu

Oblíbená písma z nabídky Google Fonts se dají načítat přímo z Google serverů, nebo je můžete nahrát k sobě na web. Druhá varianta je rychlejší a bezpečnější z pohledu ochrany osobních údajů.

Že nejde o teoretický problém, ukázal v lednu 2022 Zemský soud v Mnichově. Provozovateli webu nařídil zaplatit návštěvníkovi odškodné 100 eur. Web totiž písma načítal z Google serverů a Google se tak bez souhlasu návštěvníka dozvěděl jeho IP adresu. Rozsudek spustil v Německu vlnu hromadných výzev, ve kterých advokáti po provozovatelích webů požadovali „odškodné“.

Řešení je přitom jednoduché a nic nestojí. Písma si stáhnete a hostujete u sebe.

Mapy a videa načítejte až na kliknutí

Vložená mapa nebo video z YouTube patří k nejtěžším prvkům na stránce. Některé mapové služby navíc ukládají návštěvníkovi cookies ještě předtím, než s mapou vůbec něco udělá.

Místo mapy proto zobrazte náhled s tlačítkem „Načíst mapu“, místo videa obrázek s tlačítkem „Přehrát“. Služba se načte, až o ni návštěvník opravdu stojí.

Chraňte formuláře bez obrázkových hádanek

Znáte to: „Označte všechny obrázky se semafory.“ Google reCAPTCHA je nejrozšířenější ochrana formulářů proti spamu. Zároveň ale načítá cizí kód a posílá Googlu data o návštěvnících. Ve starších verzích je navíc obtěžuje hádankami.

Existuje přitom řada šetrnějších způsobů:

• ALTCHA. Otevřená alternativa k reCAPTCHA, kterou můžete provozovat na vlastním serveru. Místo hádanky dostane prohlížeč návštěvníka malou výpočetní úlohu a vyřeší ji sám na pozadí. Člověk si ničeho nevšimne. Pro robota, který chce rozeslat tisíce zpráv, se ale spam prodraží.
• Skryté pole (honeypot). Formulář obsahuje pole, které člověk nevidí, a tak ho nevyplní. Jednodušší roboti vyplňují všechno, a tím se prozradí.
• Minimální čas na vyplnění. Člověk potřebuje na vyplnění formuláře alespoň pár vteřin, robot ho odešle okamžitě. Formulář odeslaný příliš rychle po prvním kliknutí do něj je proto podezřelý.
• Limit odeslání. Z jednoho místa lze formulář odeslat jen několikrát za určitou dobu.
• Zakázaná slova a odkazy. Zprávy s typickými spamovými výrazy nebo s množstvím odkazů se zachytí ještě předtím, než dorazí do vaší schránky.

Nejlépe funguje kombinace několika ochran najednou. Každá zachytí jiný druh robotů a návštěvník přitom žádnou z nich nepozná.

Obrázky: krásné, ale lehké

Obrázky bývají to nejtěžší, co web návštěvníkovi posílá. Dobrá zpráva je, že se dají výrazně zmenšit, aniž byste přišli o kvalitu.

• Správná velikost pro správné zařízení. Telefon nepotřebuje fotku připravenou pro velký monitor. Web by měl každému zařízení poslat přiměřeně velkou verzi.
• Moderní formáty. Novější formáty obrázků jsou při stejné kvalitě výrazně menší než klasický JPEG. Kvalitní redakční systém je vytváří automaticky. Vy nahrajete fotku jako obvykle.
• Nejdřív to důležité. Úvodní fotka, kterou návštěvník vidí hned, se načítá přednostně. Obrázky níž na stránce počkají, až k nim návštěvník doroluje.
• Opatrně se slidery. Pět velkých fotek v úvodním slideru znamená pět velkých stahování, i když většina lidí uvidí jen tu první.

Přístupnost se počítá taky

Přístupnost dlouho platila za téma hlavně pro úřady. To už neplatí.

Pro e-shopy je od června 2025 povinná

Od 28. června 2025 platí zákon o požadavcích na přístupnost některých výrobků a služeb (č. 424/2023 Sb.), který do českého práva převádí evropský Akt o přístupnosti. Týká se mimo jiné e-shopů a dalších webů a aplikací, přes které spotřebitelé uzavírají smlouvy na dálku, ale třeba i bankovních služeb, elektronických knih nebo služeb v osobní dopravě.

• Výjimku mají mikropodniky, tedy firmy s méně než 10 zaměstnanci a ročním obratem nebo bilanční sumou do 2 milionů eur.
• Weby veřejné správy mají povinnost přístupnosti už od roku 2019 podle samostatného zákona.
• Čistě prezentační firemní web, přes který se nic neprodává ani nesjednává, pod zákon nespadá. Přístupnost se mu ale vyplatí i tak.
• Dozor nad e-shopy má Česká obchodní inspekce a pokuta může dosáhnout až 10 milionů korun.

V praxi se při posuzování vychází z mezinárodního standardu WCAG 2.1 na úrovni AA. Pokud provozujete e-shop a přístupnost jste zatím neřešili, je nejvyšší čas web nechat zkontrolovat.

Přístupnost pomáhá všem

Přístupnost ale nedává smysl jen kvůli zákonu. Pomáhá všem: starším lidem, lidem s brýlemi i komukoli, kdo čte z mobilu na přímém slunci.

Na co se zaměřit:

• Kontrast textu. Světle šedý text na bílém pozadí vypadá elegantně, ale špatně se čte. Podobně dopadají i výrazné značkové barvy. Pokud je vaše firemní barva na text příliš světlá, často stačí použít o stupeň tmavší odstín. Značka zůstane rozpoznatelná a text se bude číst pohodlněji.
• Dostatečně velká tlačítka, do kterých se dá trefit i palcem.
• Ovládání bez myši, tedy klávesnicí nebo čtečkou obrazovky.
• Popisky obrázků, aby i nevidomý návštěvník věděl, co je na fotce.

O rychlosti se rozhoduje už v návrhu

Rychlý web nevznikne tak, že ho programátor na konci „zrychlí“.

Každé písmo navíc, video na pozadí, efektní animace nebo slider má svou cenu. Neznamená to, že web musí být strohý. Znamená to, že si každý prvek své místo musí zasloužit. Proto je dobré, když designér a vývojář spolupracují od prvního návrhu, ne až při předání.

Lighthouse není realita, je to laboratoř

Lighthouse web otestuje jednou, z jednoho místa, na simulovaném telefonu a simulovaném připojení. Je to podobné jako měřit spotřebu auta na zkušebním okruhu. Pro srovnání a hledání chyb je to skvělé. Neřekne vám ale, jak auto jezdí ve městě v ranní zácpě.

Výsledek se navíc mezi měřeními liší o pár bodů. A jednu ze tří věcí, které Google u skutečných návštěvníků sleduje, tedy rychlost reakce na kliknutí, Lighthouse vůbec změřit nedokáže. V laboratoři totiž nikdo neklikne.

Lighthouse také testuje vždy jen jednu konkrétní adresu a lidé do něj nejčastěji zadávají úvodní stránku. Vaši zákazníci přitom tráví čas jinde: v kategoriích, ve vyhledávání, v detailu produktu nebo v košíku.

Dívejte se na Core Web Vitals

Realitu ukazují Core Web Vitals (v překladu „hlavní ukazatele webu“). Jde o měření od skutečných návštěvníků, která Google sbírá z prohlížeče Chrome. Sledují tři věci:

• Jak rychle se objeví hlavní obsah. Dobré je do 2,5 vteřiny.
• Jak rychle web zareaguje, když na něco kliknete. Dobré je do 0,2 vteřiny.
• Jestli obsah při načítání neposkakuje. Chcete kliknout na tlačítko, nad ním se něco načte, tlačítko uskočí a vy kliknete vedle.

Google hodnotí, jak web dopadá u většiny návštěvníků za posledních 28 dní, a právě tato čísla zohledňuje ve vyhledávání. Nejpohodlněji je najdete v Google Search Console, kde mají vlastní přehled zvlášť pro mobil a počítač a ukazují i konkrétní stránky, které mají problém. Rychlou kontrolu jedné adresy nabízí nástroj PageSpeed Insights, v části s daty od skutečných uživatelů. Menší weby někdy nemají dost návštěv, aby Google data zobrazil. Pak je potřeba měřit vlastními nástroji.

Klidně se může stát, že web má v Lighthouse stovku, a v Core Web Vitals přesto neprojde. Může za to třeba velká část návštěvníků se staršími telefony nebo pomalý filtr produktů, na který laboratorní test nikdy nedojde. Funguje to i obráceně.

Lighthouse je diagnostika. Core Web Vitals jsou vysvědčení.

Rychlost webu se neudělá jednou

Web není hotový dnem spuštění. Žije, roste a s ním se mění i jeho rychlost.

Nejčastější důvody, proč se rychlý web časem zpomalí:

• Nové funkce. Chat, recenze, věrnostní program, nový prvek na úvodní stránce. Každá novinka přidává kód, který se musí stáhnout a spustit.
• Přibývající obsah. Desítky nových článků, fotky nahrané rovnou z fotoaparátu, stránky, které se postupně prodlužují.
• Rostoucí sortiment. E-shop se stovkou produktů se chová jinak než e-shop s pěti tisíci. Filtry, vyhledávání nebo kategorie, které byly při spuštění bleskové, mohou za rok drhnout.
• Marketingové kampaně. Kampaň přinese nový měřicí kód. Kampaň skončí, kód na webu zůstane.
• Měnící se pravidla. Prohlížeče se vyvíjejí a Google upravuje, co a jak měří. V roce 2024 například jeden ze tří ukazatelů nahradil novým, přísnějším.

Co s tím?

• Sledujte Core Web Vitals průběžně. Google Search Console vás upozorní, když se něco zhorší.
• Přeměřte web po každé větší změně: nová funkce, redesign, velký import produktů.
• Hlídejte i server, nejen stránku. Rychlost odezvy serveru se dá sledovat dlouhodobě, takže zhoršení zachytíte dřív, než si ho všimnou návštěvníci.
• Jednou za čas udělejte úklid. Odstraňte nástroje, které nikdo nepoužívá, kódy po skončených kampaních a doplňky „na zkoušku“.

Péče o rychlost je jako servis auta. Nejde o jednorázový zásah, ale o pravidelnou údržbu.

Nejčastější chyby

Při práci na webech opakovaně narážíme na tyto omyly:

• Rychlost se řeší až po spuštění, ne už v návrhu.
• Hosting se vybírá jen podle ceny.
• Na webu se hromadí měřicí a marketingové nástroje, které už nikdo nepoužívá.
• Písma, mapy, videa a ochrana formulářů se načítají z cizích serverů, i když to není potřeba.
• Fotky se na web nahrávají přímo z fotoaparátu nebo fotobanky.
• Přístupnost se odkládá na později, přestože je pro e-shopy už povinná.
• Výsledek v Lighthouse se bere jako konečná pravda a nikdo se nedívá na data od skutečných návštěvníků.
• Web se změří jednou při spuštění a pak už nikdy.

Stovka jako dobrý začátek

Plný počet bodů v Lighthouse neznamená automaticky úspěšný web. Je to ale spolehlivé znamení, že web stojí na zdravých základech: rychlém serveru, rozumném množství nástrojů a obsahu, který ohleduplně zachází s daty i časem návštěvníků.

A to nakonec ocení nejen Google, ale hlavně vaši zákazníci.

Chcete vědět, jak je na tom váš web? Ozvěte se nám. Rádi ho změříme, ukážeme vám, co ho brzdí, a navrhneme, jak ho udržet rychlý i za několik let.