Подтвердить что ты не робот

Ленивая загрузка: прогрессивная по требованию

Это концептуальный вопрос. В моем конкретном случае я использую slick.js для создания карусели изображений для веб-сайта. Поскольку это фотографии с высоким разрешением, я хочу ускорить загрузку страницы, позволяя загружать фотографии асинхронно, а не на загрузку страницы.

При просмотре документации для этой библиотеки я видел настройки, доступные для свойства lazyLoad, с небольшой информацией о том, что эти параметры означают на практике.

По существу, мой вопрос заключается в том, какая разница между прогрессивными и по требованию в контексте ленивой загрузки.

Ответ 1

прогрессивный. Загружает видимое изображение, как только отображается страница, а другие после загрузки всего остального в фоновом режиме ( "загружает видимые слайды в init, а затем постепенно загружает остальные слайдов на window.load()." ). Следует использовать, если другие изображения будут использоваться больше всего (или всех) того времени, когда страница отображается.

по запросу. Загружает видимое изображение сразу после отображения страницы, а другие - только при их отображении. ( "[...] загружает слайды по требованию. Когда слайд становится видимым (или при обратном вызове слайда), срабатывает загрузка".) Следует использовать, если другие изображения карусели отображаются очень редко.

Источник: https://github.com/kenwheeler/slick/issues/35, особенно комментарий jasonday от 5. Apr