Галерея Blueimp - очень медленная - возможна ленивая загрузка? - PullRequest
0 голосов
/ 01 ноября 2018

Мы используем 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 изображений, что слишком много.

Страница медленная, и мы заметили, что если мы уменьшаем количество изображений в галерее, это ускоряет страницу.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...