Lazy load all images top to bottom

• vanilla-lazyload

  9 7,566 9.0 JavaScript

  LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

Hi all, I'm using verlok/vanilla-lazyload to make an image-based reader with thresholds: "200% 0px". The problem I'm facing is that it waits till the user scroll to load the following image and becomes slow to load images when fast scrolling. What I want to do is when the first image is loaded all the following images should load in order without relying on the user's scroll but if the reader jumps to the middle of the page then it should prioritize loading images around the reader's location. How can I achieve this? Or is there a better way to approach this issue?

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project