Rychlost webu se dnes měří v konkrétních metrikách, a ve většině z nich hrají hlavní roli obrázky. Optimalizace obrázku pro web by tak měla být prioritou každého provozovatele webu. Mezi nejrychlejší zásahy, které dokážou znatelně zlepšit dobu načítání stránky, aniž by bylo potřeba měnit design nebo přepisovat kód webu, patří online komprese JPEG souborů – tato stránka vám s ní pomůže bez zbytečných kroků navíc. Pro majitele e-shopů a blogů jde přitom o krok, který se vyplatí zvládnout dřív, než na pomalé stránky doplatí návštěvnost i tržby.
Proč jsou obrázky nejčastější příčinou pomalého webu
Fotografie z fotoaparátu nebo telefonu má často velikost i několik megabajtů, i když se na stránce zobrazí jako malý náhled. Prohlížeč přitom musí stáhnout celý soubor v původní velikosti, teprve pak ho zmenší na potřebné rozměry. U webu s desítkami fotografií se tak během jedné návštěvy přenese mnohem víc dat, než je pro zobrazení skutečně potřeba.
Textový obsah stránky, styly a skripty bývají ve srovnání s fotografiemi malé. Právě proto obrázky pravidelně tvoří největší část dat, které si prohlížeč musí stáhnout, než se stránka zobrazí celá.
Rozdíl je vidět i na jednoduchém příkladu. Stránka s deseti fotografiemi po dvou megabajtech přenese dvacet megabajtů dat jen na obrázky, zatímco samotný HTML kód, styly a skripty dohromady obvykle váží zlomek tohoto objemu. Online komprese JPEG souborů dokáže tento poměr výrazně otočit, aniž by návštěvník poznal rozdíl v kvalitě zobrazených fotek.
Co přesně obrázky zpomalují v moderních metrikách rychlosti
Google dnes hodnotí rychlost webu podle sady metrik označovaných jako Core Web Vitals. Jedna z nejdůležitějších, Largest Contentful Paint, měří, jak rychle se na obrazovce zobrazí největší viditelný prvek stránky, což bývá právě hlavní fotografie nebo banner.
Neoptimalizovaný obrázek v této pozici dokáže zhoršit hodnocení stránky, i když je zbytek webu technicky v pořádku. Návštěvník mezitím čeká na dotažení dat, a čím déle čeká, tím vyšší je šance, že stránku opustí ještě předtím, než uvidí obsah.
Metrika navíc nerozlišuje mezi tím, jestli je velký obrázek fotografie produktu, hlavní banner nebo ilustrace v textu. Pokud se v horní části stránky zobrazuje jakýkoli velký neoptimalizovaný soubor, právě on určí, jak dlouho bude LCP trvat, bez ohledu na to, jak rychlý je zbytek webu.
Jak komprese JPEG konkrétně pomáhá rychlosti
Komprese JPEG zmenší velikost souboru tak, že odstraní data, která oko na displeji stejně nerozezná. Menší soubor znamená kratší čas stahování, a to platí obzvlášť na mobilním připojení, odkud dnes přichází většina návštěvníků webu.
Rozdíl se projeví hlavně u webů, které dosud kompresi vůbec neřešily. Fotografie nahrané v původní kvalitě přímo z fotoaparátu bez jakékoli úpravy patří mezi nejčastější příčiny pomalého načítání, se kterými se starší weby dodnes potýkají.
Komprese navíc nemusí být kompromis mezi rychlostí a vzhledem stránky. Rozdíl mezi originálem a zkomprimovanou fotkou jde na displeji poznat jen při výrazném přiblížení, zatímco rozdíl v době načítání stránky pozná návštěvník hned při první návštěvě.
Kolik práce dá komprese celého webu zpětně
Web, který roky ignoroval optimalizaci obrázků, může mít v archivu stovky nebo tisíce neoptimalizovaných fotografií. Ruční procházení každé fotky zvlášť by zabralo hodiny práce, proto se vyplatí nástroj, který zvládne hromadné zpracování najednou.
Zpětná komprese obrázků existujícího webu obvykle přinese větší okamžitý efekt než optimalizace u nově vznikajícího webu, kde se problém teprve začíná hromadit. Starší weby totiž často obsahují fotografie nahrané v různých obdobích a různou kvalitou zpracování, takže hromadný průchod celým archivem odhalí i soubory, o kterých správce webu ani nevěděl.
Součástí takového zpětného auditu bývá i kontrola duplicitních fotografií nebo starých verzí obrázků, které se na webu nahromadily během let a už se nikde nepoužívají. Jejich odstranění spolu s kompresí zbylých souborů dohromady sníží celkovou velikost webu o víc, než by dokázala samotná komprese.
Rychlejší web bez zásahu do designu
Velikost fotografií patří mezi nejrychlejší způsoby, jak zlepšit rychlost webu bez přepisování kódu nebo změny vzhledu stránky. Začnete-li tedy komprimovat obrázky, snížíte objem dat, který se musí stáhnout při každé návštěvě, a to se pozitivně projeví jak v metrikách rychlosti, tak v tom, jak dlouho návštěvník na stránce vydrží.
