November Perfect Moustache

    @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

    13

    Version

    0.1.3

    License

    MIT

    Unpacked Size

    3.37 kB

    Total Files

    3

    Last publish

    Collaborators

    • sekmet