Image lazy loading natively

Reading Time: < 1 minutes

These days, image lazy loading is an important technique to improve performance on web applications. Image lazy loading simply loads images asynchronously, so that they appear on the page only when the user scrolls close to them.

Natively supporting lazy loading for images makes the user experience much better and also helps optimize performance. Let’s see how to implement image lazy loading natively with just one attribute from the image HTML tag.

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

Reference


About the author

Andrés Canavesi
Andrés Canavesi

Software Engineer with 15+ experience in software development, specialized in Salesforce, Java and Node.js.


Related posts


Leave a Reply

%d bloggers like this: