На страницы товаров, в категориях, результаты поиска, страницы производителей.

Что это

Это ленивая загрузка изображений, которая ускоряет загрузку сайта.

Что делать

Примечание: для работы скрипта нужна подключённая библиотека jquery.

1. Скачать lazyload.min.js.

2. Можно подключить и ссылкой:

<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"></script>

3. Загрузить файл в catalog/view/javascript/. Или куда удобно.

4. Подключить в header.twig в своей теме.

5. В footer.twig, перед закрывающим тегом body, вставить:

<script>
var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"
});
</script>

6. Переходим в сайт/catalog/view/тема/product/category.twig

7. К каждому тегу img добавляем класс lazy, а вместо src — data-src. Вот так:

<img class="lazy" data-src="ссылка на изображение" alt="">

8. Тоже самое нужно проделать в файлах product.twig, search.twig, manufacturer_info.twig.

9. Сохраняем, обновляем кэш.

10. Готово.

У скрипта много настроек и возможностей, взгляните на гитхабе.