Tři sekundy. Přesně tolik stačí, aby polovina mobilních návštěvníků zavřela stránku dřív, než vůbec uvidí obsah. Online optimalizátor obrázků OptiBot je jeden z nástrojů, který tento čas pomůže zkrátit. Proč zrovna obrázky stojí za většinou problémů s rychlostí a co konkrétně se s tím dá dělat? Následující článek se hodí každému, kdo provozuje web a chce rozumět metrikám, které Google sleduje při řazení výsledků.
Co Google skutečně měří a proč je to důležité
Core Web Vitals jsou skupina metrik, které Google od roku 2021 zahrnuje do hodnocení stránek ve vyhledávání. Nejde o teoretický koncept – špatné výsledky se přímo projeví na pozicích. Základ celého systému tvoří tři hlavní parametry.
LCP (Largest Contentful Paint) měří, za jak dlouho se načte největší viditelný prvek na stránce. Nejčastěji jde o hlavní fotografii, banner nebo velký textový blok. Cílová hodnota je pod 2,5 sekundy. Překvapivé přitom je, že LCP závisí z velké části právě na obrázcích – příliš těžká fotka ho spolehlivě pohřbí.
INP (Interaction to Next Paint) nahradil v roce 2024 původní metriku FID a sleduje, jak rychle web reaguje na akci uživatele. Klik na tlačítko, otevření menu, odeslání formuláře – to vše musí proběhnout pod 200 ms, aby Google považoval stránku za rychlou.
CLS (Cumulative Layout Shift) zachycuje neočekávané přesuny prvků během načítání. Obrázek bez definované výšky a šířky způsobí, že text pod ním poskočí dolů v momentě, kdy fotka dorazí ze serveru. Hodnota CLS by měla zůstat pod 0,1.
Obrázky jsou nejčastější příčina pomalého načítání
Průměrná webová stránka dnes přenáší přes 2 MB dat. Přibližně polovina z toho připadá na obrázky. Přitom správnou kompresí jde jejich váhu snížit na třetinu až čtvrtinu bez viditelné ztráty kvality. A to už je úspora, která se okamžitě projeví na LCP.
Problém bývá v tom, jak obrázky na web přicházejí. Fotograf dodá soubor ve vysokém rozlišení, klient ho nahraje přímo do CMS, a výsledkem je JPEG o váze 4 MB zobrazený na ploše 800 × 600 pixelů. Prohlížeč soubor stáhne celý, přestože by mu stačila desetina dat.
Prvním krokem před jakýmkoli technickým řešením je projít stránky a ručně zkomprimovat soubory. Online optimalizátor obrázků OptiBot tento krok výrazně zjednodušuje. Zpracovává obrázky přímo v prohlížeči bez odesílání souborů na server, nabízí dávkové zpracování a vizuální porovnání výsledku před stažením. Pro weby, kde se pravidelně přidávají nové fotografie, jde o rychlé a bezpečné řešení bez nutnosti instalace jakéhokoli softwaru.
Nejčastější chyby při práci s obrázky
Tady je přehled toho, kde weby nejčastěji dělají chyby:
- Nahrávání fotografií v plném rozlišení bez předchozí komprese
- Použití PNG tam, kde by JPEG nebo WebP stačil
- Absence atributu loading=“lazy“ u obrázků pod ohybem stránky
- Chybějící rozměry width a height v HTML – přímá příčina vysokého CLS
- Animované GIFy místo optimalizovanějších video formátů
Podrobnější pohled na to, kde přesně se při komprimování obrázků dělají chyby a jak brzdí výkon webu, ukazuje, že velká část problémů pramení z neznalosti rozdílů mezi formáty a z přístupu „nahraj a zapomeň“.
Co dělat po optimalizaci obrázků
Jakmile jsou obrázky v pořádku, přichází na řadu serverová strana. TTFB (Time to First Byte) by měl zůstat pod 200 ms – pokud server vrací odpovědi pomaleji, žádná optimalizace obrázků situaci nezachraňuje. Hostingové prostředí, aktivní Gzip nebo Brotli komprese a správně nastavená CDN tvoří druhou vrstvu optimalizace.
Třetí vrstvu tvoří kód. Blokující JavaScript v hlavičce dokumentu zpomaluje zobrazení stránky bez ohledu na to, jak lehké jsou obrázky. Odkládání načítání skriptů třetích stran (například reklamních systémů, chatovacích widgetů a analytiky) zpravidla přinese rychlé a měřitelné zlepšení LCP i INP.
Jak výsledky měřit a kde hledat konkrétní data
Google PageSpeed Insights zobrazí aktuální hodnoty Core Web Vitals pro jakoukoli URL a nabídne seznam konkrétních doporučení seřazených podle dopadu na rychlost. Nástroj WebPageTest přidá podrobný waterfall graf, ze kterého je patrné, která konkrétní položka načítání zdržuje nejvíce.
Pro průběžné sledování stavu celého webu slouží Google Search Console. Sekce Core Web Vitals tam zobrazí přehled stránek rozdělených do tří kategorií: dobré, potřebují zlepšení a špatné. Právě tady rychlost přestává být abstraktní metrika a stává se seznamem konkrétních stránek čekajících na opravu.
Rychlý web se vyplatí přímočařeji, než se zdá
Podle opakovaných meření snižuje každá sekunda zpoždění při načítání produktové stránky konverze průměrně o 7 %. To znamená, že web, který generuje 100 objednávek denně, přijde při dvousekundovém zpomalení zhruba o 14 objednávek. Optimalizace obrázků přitom zabere třeba jen několik hodin a výsledky jsou měřitelné v Google Search Console do několika dní po nasazení. Brzy se tyto výsledky projeví i v chování vašich zákazníků.
