Blueimp Gallery-非常慢-可能会延迟加载吗？

Question

我们在网站中使用Blueimp-gallery-carousel。据我所知，画廊正在一次加载所有图像。我需要加快网站速度，因此我希望此carousel以lazy模式加载图像。

因此，当用户打开页面时，只有轮播中的第一张图片会立即加载。

您知道如何使其工作吗？还是另一种加快页面速度的方法？详细信息在代码下方。

代码

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张图像，这太多了。

页面速度很慢，我们注意到如果减少图库中的图像数量，则会加快页面速度。