Take a deep dive into our latest launch, the Valhalla Content Hub!

ContactSign 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.