Obrázky a video: jak nepozabít výkon webu
Největší data na většině webů tvoří média. Jedno nekomprimované hero foto může znamenat sekundy navíc na 4G. Dobrá strategie formátů a rozměrů je nejrychlejší výkonová investice.
Formáty a rozměry
Servírujte obrázky v přiměřené šířce pro layout — ne 4000px šířku pro náhled 400px. Moderní formáty (WebP, případně AVIF) výrazně šetří objem dat.
Lazy loading u obsahu „pod ohybem“ šetří data u dlouhých stránek; u LCP obrázku naopak prioritně načtěte hlavní vizuál.
Videa a třetí strany
Embed z YouTube nebo Vimeo přidává skripty — zvažte náhledový obrázek s odkazem nebo až na vyžádání. Každý iframe je další práce pro prohlížeč.
Komprese, krátké délky a hostování u CDN přispívají k plynulému přehrání bez sekání.
Líbilo se to?
Líbilo se to?
Napište, co řešíte u svého webu — můžeme to jen probrat, nebo navázat konkrétní zakázkou.