Hexo 博客虽然功能很强大,但也越来越繁重了,访问速度上有了一些问题,这里我也考虑了许多,例如加 cdn,将国外的资源引用改为国内镜像等方式。今天又想到如果一个页面的图片很多,那么如何来提高博客的访问速度呢?。
经过一番寻找之后,找到一个方案,就是懒加载,通俗点讲就是当你翻到图片的时候再加载那张图片,而不是以下将本页面的所有图片都加载完。
配置过程也很简单,就是一个 npm
模块。
在你的 Hexo 目录下,执行以下命令:
1 | npm install hexo-lazyload --save |
---|
然后在你的 Hexo 目录的配置文件 _config.yml
中添加配置:
lazyload:
enable: true
# className: #可选 e.g. .J-lazyload-img
# loadingImg: #可选 eg. ./images/loading.png
loadingImg - 图片未加载时的代替图
className - 需要延迟加载的图片 class 选择器