3 шага по оптимизации изображений
Итак, в продолжении статьи о тестировании скорости загрузки разберём самую востребованную меру, реализация которой даст ощутимый прирост к скорости загрузки страниц вашего сайта.
В данной статье я, Поспелов Александр, расскажу о 3 простых шагах оптимизации изображений.
Скажем так: на смену допотопным алгоритмам сжатия для картинок пришли видеокодеки. И новые форматы (хотя какие они новые, тому же WebP больше 10 лет) намного эффективнее старых.
Беда в том, что HEIC не поддерживается Виндой, а WebP - Safari. Учитывая, что в рамках SEO выхлопа от новых форматов реально нету, тратить на это ресурсы лично я не буду.
*полез на антресоли за стопкой jpeg, gif, png и svg*
Видеокодеки хороши для сжатия динамический изображений на низком битрейте. Это значит, что им не сильно требуется мелкие детали, потому что их не будет никто рассматривать на быстро меняющейся картинке. Так, браузеры уже внедряют AVIF — это аналог HEIC, только свободный от патентов. Но в плане будущего формата изображений особенно интересно выглядит JPEG XL — он добавляет кучу новых фич, обратно совместим со старым jpeg (есть режим, из которого можно перекодировать в старый jpeg без потерь с побайтовой точностью). Но на низком битрейте AVIF рвёт всех. WebP2 тоже планируют развивать примерно в ту же сторону.