Как дополнительно оптимизировать загрузку изображений?
Столкнулся с задачей создать сайт, на котором множество фотографий и они должны быть хорошего качества, так как представляют собой товар. К тому же будет присутствовать видео на заднем фоне, кастомные слайдеры и тп. Вопрос в том, есть ли какие-то фишки для оптимизации медиа-контента, кроме lazyload, сжатия изображений через тот же галп, например? Может быть, как-то от хранения ресурсов зависит или можно просто на хостинге хранить и этого достаточно?
Также вопрос по lighthouse в довесок появился, когда сайт прогонять начал ради интереса, а тот выдал, что надо уменьшить кол-во затраченного интернета (медиа-контента ведь куча целая, как влезть в рамки 1,5Мб). А вопрос в том, доверять ли ему в таких ситуациях?
Ну сжимаются картинки не через gulp, он таск-менеджер. Если допустимы потери то можно и в webp конвертировать. А в целом и фотки залить и трафиком не подавиться требования взаимоисключающие
Можете посмотреть в сторону тега picture. Для разных разрешений можно использовать разные форматы, не придется для 1080p монитора грузить 4к фотки. Так же почитайте о современных форматах изображений, их так же в теге picture можно указать(возможно придется сервер учить перегонять фотки в разные форматы, не знаю от куда вы их берете и есть ли такая возможность).
Средний