Другие статьи по теме:
Во-первых, картинки занимают значительную часть от общего размера страницы. Во-вторых, пользователи склонны обращать на них внимание, и если время загрузки изображения превышает ожидания, это негативно повлияет на UX.
В рамках исследования сравнивались четыре подхода к оптимизации картинок:
- WebP, предложенный Google формат сжатия изображений с потерями и без потерь качества.
- Оптимизированные изображения, то есть разные типы иллюстраций в зависимости от устройства пользователя, его местоположения и так далее. В эту же категорию включили CDN и Image Compress.
- Lazy Loading — отложенная загрузка, то есть иллюстрация начинает загружаться, только когда пользователь доскроллит до неё.
- Адаптивные изображения — картинки, которые адаптируются под размер окна браузера пользователя.
Сравнение проводилось с помощью инструмента Lighthouse от Google. Лучше всех себя показали страницы с адаптивными изображениями.
Другие статьи по теме: