Get unlimited public & private packages + package-based permissions with npm Pro.Get started »

@sekmet/gatsby-wpcontent-lazy-load

0.1.3 • Public • Published

@sekmet/gatsby-wpcontent-lazy-load

Lazyloads images processed by gatsby-tranformer-wpcontent with using lazysizes

The plugin makes lazyload possible by:

  • Move src and srcset to data-src and data-srcset respectively.
  • Add class lazyload to img tag.

lazysizes has to be installed to make this plugin work.

Install

npm install --save @sekmet/gatsby-wpcontent-lazy-load

npm install --save lazysizes

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-tranformer-wpcontent`,
    options: {
      plugins: [
        `@sekmet/gatsby-wpcontent-lazy-load`,
      ]
    }
  }
]
// In your gatsby-browser.js
import 'lazysizes'

Contribution

This is a minimum plugin. Please make an issue when you need more functionalities or code doesn't work!

Install

npm i @sekmet/gatsby-wpcontent-lazy-load

DownloadsWeekly Downloads

4

Version

0.1.3

License

MIT

Unpacked Size

3.37 kB

Total Files

3

Last publish

Collaborators

  • avatar