Optimalizácia obrázkov
Vo väčšine prípadov je veľkosť Vášho eshopu z 80% tvorená obrázkami.
Aby sme mali eshop rýchlejší je dobré zamerať sa na prevedenie obrázkov na nový formát WebP.
Formát WebP?
WebP je formát obrázkov, ktorý predstavil Google už v roku 2010.
Dnes už je podporovaný prakticky všetkými prehliadačmi, keď nepočítame zastaraný a obvykle málo používaný Internet Explorer. Avšak aj na toto je riešenie – IE servírujeme pôvodný formát obrázkov, ktorý bez problémov IE načíta.
Poďme si prejsť hlavné prínosy:
- možnosť výrazného zníženia dátového objemu v porovnaní s JPEG aj PNG
- alfa priehľadnosť, ktorú doteraz ponúkal len formát PNG
- podpora animácií, ktorú vie len starý otec GIF
- Aké množstvo dát WebP vlastne ušetrí?
Keď sme nasadili WebP obrázky, ušetrili 30% dátového objemu úvodnej stránky
Podobné skúsenosti máme aj z ďalších klientskych projektov. Nie je výnimkou ani väčšia ako polovičné ušetrenie obrázkových dát.
Inak všeobecné štúdie od Googlu hovoria, že WebP je menšia nasledovne
pri bezstratových obrázkoch typu PNG o 26 %
pri stratových obrázkoch typu JPG o 25-34 %
Ideme príkladom
Na našom webe sme už spustili aj webp a kompletne všetko prerobili výhradne do webp.
