Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Support native lazy loading of external images inside markdown.


npm install --save gatsby-remark-lazy-image-url

How to Use

// In your gatsby-config.js
plugins: [
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [`gatsby-remark-lazy-image-url`]


The official Gatsby image plugin doesn’t add lazy loading to external images referenced inside markdown.

This plugin will add loading="lazy" attribute to your images inside the markdown. This plugin is intended to work with external image URLs.

© 2023 Gatsby, Inc.