Chose Language:
Author: Admin/Publisher |finished | checked

HTML5 lazy loading

And finally, HTML5 lazy loading has arrived in all browsers. This will help you load images on your page lazily so they don’t interfere with the page load, but you can also apply this lazy loading to iframes.

As said in https://caniuse.com/loading-lazy-attr the attribute lazy is allowed in all browsers for images, and all browsers except Firefox mobile for iframes

You will no longer need to use third-party JavaScript scripts to apply lazy loading to your images. This lazy loading is also applicable to iframes.

images

<img loading="lazy" src="image.jpg" alt="..." />

iframes

<iframe loading="lazy" src="video-player.html" title="..."></iframe>

My recommendation is that if you are currently using another type of lazy loading, you switch to this one, since you will not have any type of conflict between third-party libraries.

Is more efficient on the improve of performance in our page.

Category: en-others
Something wrong? If you found an error or mistake in the content you can contact me on Twitter | @luisg2249_luis.
Last 4 post in same category