gatsby-remark-native-lazy-load

Adds native lazy loading to your markdown images.

Input

![Foo](https://i.imgur.com/dc1PU8j.jpg)

Output

<img src="https://i.imgur.com/dc1PU8j.jpg" alt="Foo" loading="lazy">

Install

yarn add gatsby-remark-native-lazy-load

npm i gatsby-remark-native-lazy-load --save

Usage

{
  resolve: `gatsby-transformer-remark`,
  options: {
    plugins: [
      `gatsby-remark-native-lazy-load`,
    ],
  },
}