Optimalizace obrázků
Optimalizace obrázků je proces zmenšování velikosti souborů obrázků a jejich efektivního doručování bez viditelné ztráty kvality, který zlepšuje rychlost načítání stránky a uživatelský zážitek.
Obrázky obvykle tvoří 50–70 % celkové velikosti souborů webové stránky, což z optimalizace obrázků činí jedno z nejúčinnějších zlepšení výkonu, které můžete provést. Cílem je doručit co nejmenší velikost souboru, která na zařízení a obrazovce uživatele stále vypadá dobře. Moderní optimalizace obrázků zahrnuje několik technik.
Responzivní obrázky poskytují různé velikosti podle obrazovky uživatele (telefon nepotřebuje 4K obrázek). Lazy loading odkládá načítání obrázků až do chvíle, kdy se mají objevit v zobrazení. Komprese zmenšuje velikost souboru odstraněním nepotřebných dat.
V praxi
- E-shop převedl 10 000 produktových obrázků z JPEG do WebP a snížil celkovou datovou náročnost obrázků o 45 %, čímž ušetřil 500 $ měsíčně jen na nákladech za CDN
- Realitní web zavedl responzivní obrázky a na mobilu poskytoval fotografie o šířce 400 px místo desktopových verzí o 2400 px, čímž zkrátil načítání na mobilu o 4 sekundy
- Cestovatelský blog zmenšil svou domovskou stránku z 15 MB na 1,2 MB pomocí lazy loadingu obrázků v galerii a moderních formátů, čímž zlepšil skóre Google PageSpeed z 28 na 92
- Zpravodajský portál zavedl obrázkové CDN, které obrázky automaticky formátuje a mění jejich velikost, takže jeho redakční tým už nemusí fotografie před publikováním ručně optimalizovat
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.