Я создаю интернет-магазин и использую Swiper.js для показа фотографий товаров.
Это означает, что, когда у меня есть 40 товаров на странице, у меня также будет 40 экземпляров Swiper. Я инициализирую эти свиперы в document.ready, но инициализация 40 сразу может занять до 500 мс, что слишком много для моего document.ready.
Чтобы исправить это, я подумал, что я мог бы инициализировать каждый экземпляр Swiper лениво, когда онпрокручивается в поле зрения или почти прокручивается в поле зрения.
Есть ли предпочтительный способ сделать это?