See what's launched

The next gen Gatsby is here Performance, developer velocity, and scaling to meet Enterprise needs - See what’s launched

Sign Up for Free
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.

© 2022 Gatsby, Inc.