5 dokumentů s tagem “Obrázky”
Obrázky jsou častá příčina pomalého LCP. Velký, nekomprimovaný obrázek na první obrazovce zničí metriku, i kdyby byl zbytek webu skvělý. Naštěstí jde s nimi udělat hodně, často s minimálním úsilím.
Pod tagem obrázky najdete články o moderních formátech (WebP, AVIF), správném lazy loadingu, srcset pro různá rozlišení, optimalizaci LCP obrázku a o nástrojích jako Squoosh nebo Jpegli.
AVIF obrázky: až 40 % úspora dat oproti WebP
Formát AVIF nabízí ještě lepší kompresi než WebP. Podívejme se, kdy má smysl ho použít a jak implementovat fallback pro starší prohlížeče.
CLS: jak držet výšku elementů (obrázky, JS komponenty, iframy…)
V tomto textu se dozvíte, proč a jak je potřeba na úrovni HTML nebo CSS zajistit rozměry elementů, které se do stránky vkládají asynchronně, jako jsou prvky <img>, <iframe> nebo javascriptové komponenty.
Lazy loading obrázků: podrobný průvodce pro zlepšení LCP
Líné načtení obrázků a dalších prvků doporučujeme jako jednu ze základních a zároveň velmi efektivních metod optimalizace rychlosti načtení stránky. Doporučujeme vám konzervativně odložit načtení všech obrázků mimo první viewport. Dejte si pozor na aplikaci líného načtení na obrázky, které jsou LCP elementem, což může rychlost naopak zhoršit.
Optimalizace obrázků: Když mezi kilobajty a pixely rozhodují milisekundy
I vy, obyčejní smrtelníci, můžete zkrotit své obrázky a přimět je, aby pracovaly pro vás, ne proti vám. Stačí použít WebP nebo AVIF, dobře komprimovat a nezapomenout na lazy loading.
WebP obrázky: jak ušetřit cenné kilobajty
Rychlost načítání webu je často otázkou vteřin. A právě obrázkový formát WebP může být tajnou zbraní, jak ušetřit kilobajty a přiblížit se dokonalému výkonu.