November 29, 2018 03:03 pm GMT
Original Link: https://css-tricks.com/preventing-content-reflow-from-lazy-loaded-images/
Preventing Content Reflow From Lazy-Loaded Images
You know the concept of lazy loading images. It prevents the browser from loading images until those images are in (or nearly in) the browser's viewport.
There are a plethora of JavaScript-based lazy loading solutions. GitHub has over 3,400 different lazy load repos, and those are just the ones with "lazy load" in a searchable string! Most of them rely on the same trick: Instead of putting an image's URL in the src
attribute, you put it in …
The post Preventing Content Reflow From Lazy-Loaded Images appeared first on CSS-Tricks.
Original Link: https://css-tricks.com/preventing-content-reflow-from-lazy-loaded-images/
Share this article:
Tweet
View Full Article