Столкнулся с проблемой ускорения сайта, занимаюсь этим на многих сайтах.
Заметил если заменить стандартный код вызова картинок в том же для примера
list-thumbs.html
<img src="{$wa->shop->productImgUrl($p, '200')}" alt="{$p.name}" loading="lazy">
замена на подобный код дает браузеру возможность грузить картинку отложено.
8 комментариев
https://caniuse.com/#feat=load...
пока еще немного грустно, но возможно скоро ситуация, хотя бы в сафари исправится.
Николай вы больше меня разбираетесь я так 2 года только ВА занимаюсь и из-за скудной документации не все усвоил. Как можно заменить подобный код?
{$wa->photos->getImgHtml($photo, "1250x0", false, false)}
просто касательно фото не могу найти переход на ссылку на фото.
чтобы также его упаковать в img и сделать отложенно
Не факт что в фотках есть такой же хэлпер как в магазине. Посмотрите в wa-apps/photos/lib/classes/photosViewHelper.class.php, я все классы наизусть не помню -)
Если там нет, то вам ничего не мешает сделать свой кастомный хэлпер по аналогии с магазинным.
Вы можете получить ссылку на путь до фото по размерам
{$img = $wa->shop->productImgUrl($product, "200x200")} <img src="заглушка" data-src="{$img}" alt="" />потом js подключить скрипт лази загрузки и все
зачем такой длинный путь если я уже выше показал более короткий способ, упаковываешь так и +++ от пэйджспида...
А твой способ + загрузка лази JS. Плюс вылетает лази и имеешь черный квадрат малевича.
вариант кроссбраузерный, ваш выше да все ок, но поддержка его хромает браузерная
только и всего
заглушку гифку или прелоадер
Новость не нова https://habr.com/ru/company/ru... , вот с кроссбраузерностью беда конечно же.