What is lazy loading images?
Lazy loading is a technique that defers the loading of non-critical resources at page load time. Instead, these res...
For further actions, you may consider blocking this person and/or reporting abuse
Great intro-post for us that's never implemented lazy loading.
For the future it would be best of you did something similar for loading thumbnails/compressed/blurred images before real ones for performance.
How is this library? github.com/aFarkas/lazysizes
lazysizes is a good well-documented library, I have personally never used it.
there are other library options as well:-
->blazy
->lozad.js
->react-lazyload
The motive of this article was to show how lazy load works under the hood. Otherwise, you can always grab a library and call it a day.
Thanks for sharing your experience.