Мы используем Blueimp-gallery-carousel на нашем сайте. Насколько я знаю, галерея загружает все изображения одновременно. Мне нужно ускорить сайт, поэтому я хочу, чтобы carousel
загружал изображения в режиме lazy
.
Таким образом, когда пользователь открывает страницу, сразу загружается только первое изображение в карусели.
Вы знаете, как заставить это работать? Или другой способ ускорить страницу? Более подробная информация находится под кодом.
CODE
reloadGalleries = function () {
var galleries = document.getElementsByClassName("nehnutelnostImages");
for (var i = 0; i < galleries.length; i++) {
var id = galleries[i].id;
blueimp.Gallery(
galleries[i].getElementsByTagName('a'),
{
container: '#blueimp-gallery-carousel' + id,
carousel: true,
stretchImages: 'cover',
startSlideshow: false,
toggleControlsOnSlideClick: false
}
);
}
};
БОЛЬШЕ ДЕТАЛЕЙ
У нас есть страница, полная автомобилей. Каждая карта имеет свою галерею (галерея может содержать до 100 изображений).
Так что, если у нас есть, например, 10 карточек на странице, может быть 9 * 100 = 900 изображений, что слишком много.
Страница медленная, и мы заметили, что если мы уменьшаем количество изображений в галерее, это ускоряет страницу.