gatsby-remark-lazy-load
Advanced tools
Weekly downloads
Readme
Lazyloads images processed by gatsby-remark-images with using lazysizes
The plugin makes lazyload possible by:
src
and srcset
to data-src
and data-srcset
respectively.lazyload
to img
tag.lazysizes has to be installed to make this plugin work.
npm install --save gatsby-remark-lazy-load
npm install --save lazysizes
// In your gatsby-config.js
plugins: [
{
resolve: `gatsby-transformer-remark`,
options: {
plugins: [
{
resolve: `gatsby-remark-images`,
},
`gatsby-remark-lazy-load`,
]
}
}
]
// In your gatsby-browser.js
import 'lazysizes'
This is a minimum plugin. Please make an issue when you need more functionalities or code doesn't work!
FAQs
This plugin lazy loads image processed by gatsby-remark-images plugin
The npm package gatsby-remark-lazy-load receives a total of 460 weekly downloads. As such, gatsby-remark-lazy-load popularity was classified as not popular.
We found that gatsby-remark-lazy-load demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.