This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
hexo-lazyload-image with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
hexo-lazyload-image is a hexo plugin which is used to have all images support lazyload automatically. With the help of this functionality, it will improve lots of the loading proformance..
All the lazy-load images only shows up when they are within current viewport.
Don't worry about lazyload SEO problem, because Google supports it already. we just Do nothing.
$ npm install hexo-lazyload-image --save
First add configuration in
_config.yml from your hexo project.
lazyload: enable: true onlypost: false loadingImg: # eg ./images/loading.gif
Run hexo command.
$ hexo clean && hexo g
I've test it manually with some popular themes like landscape(official), material, next, jacman and myself theme hexo-theme-twentyfifteen-wordpress, and yours I believe!