Proč na rychlosti záleží
Návštěvník nečeká. Když se stránka načítá dlouho, odejde dřív, než uvidí, co nabízíte. Google navíc rychlost a celkový uživatelský zážitek bere v úvahu při hodnocení stránek, takže pomalý web hůř obstojí i ve vyhledávání.
Core Web Vitals: tři čísla, která sleduje Google
- LCP (Largest Contentful Paint) měří, za jak dlouho se zobrazí největší prvek stránky, například hlavní obrázek nebo nadpis. Dobrá hodnota je do 2,5 sekundy.
- INP (Interaction to Next Paint) měří, jak rychle stránka reaguje na kliknutí nebo psaní. Dobrá hodnota je do 200 milisekund. V roce 2024 nahradil starší metriku FID.
- CLS (Cumulative Layout Shift) měří, jak moc obsah při načítání poskakuje. Dobrá hodnota je do 0,1.
Jak rychlost změřit zdarma
- PageSpeed Insights od Googlu ukáže data od skutečných návštěvníků (pokud jich má web dost) i laboratorní test s konkrétními doporučeními.
- Google Search Console má přehled Core Web Vitals pro celý web a upozorní na stránky, které mají problém.
- Lighthouse je zabudovaný přímo v nástrojích pro vývojáře v Chromu a hodí se pro rychlou kontrolu jedné stránky.
Co web nejčastěji zpomaluje
- Velké obrázky v plném rozlišení z fotoaparátu místo zmenšených a moderních formátů.
- Příliš mnoho skriptů: pluginy, měřicí kódy, chaty a widgety, které se načítají všechny hned.
- Písma načítaná ve zbytečně mnoha řezech.
- Pomalý hosting nebo chybějící cache.
- Obsah, který poskakuje, protože obrázky a reklamy nemají předem vyhrazené místo.
Jak stavíme rychlé weby i s 3D efekty
Možná vás napadne, jestli efekty jako vlákno na tomto webu nejsou v rozporu s rychlostí. Nejsou, pokud se udělají správně. Text a obsah se načtou jako první, 3D scéna se přidá až potom a ukázky na podstránkách se načítají, až když se k nim návštěvník doscrolluje. Kreslí se jen tehdy, když jsou vidět.
Chcete vědět, jak je na tom váš web? Pošlete nám odkaz a podíváme se na něj.