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.