Оптимизация загрузки изображений

Всем привет.
Хочу обсудить кто как обходится с рекомендацией pagespeed insights, а именно ленивой загрузкой изображений.
Моя идея такова:
беру common/image.tpl, пишу везде data-src, возможно навешиваю класс если нужен для либы ленивой загрузки и подключаю скрипт наподобе lazysizes или progressive-image.js
Страница реально становится меньше, но вот видно как она подгружается, пока нет изображений.
Как вариант можно замещать изображения до загрузки на мелкие какие-то, но тоже так себе вариант.


От вас хочу услышать ваши варианты реализации или советы чего и как делать

1 лайк

Мы выпустили модуль специально для этого

1 лайк

Это подразумевает оверрайд design/themes/responsive/templates/common/image.tpl?
Тестировано ли с модулем cp_power_labels?(У АБ с ними конфликт)

1 лайк

если что, подружим