之前搭建了个本地搜索,大约1.74M,让网页访问拉慢了,但是没办法,不然搜索不能用。
现在想办法把加载速度从其他地方找补一点回来。
使用图片延迟加载
github地址: hexo-lazyload-image
使用下面指令安装
npm install hexo-lazyload-image --save
配置如下,loadingImg需要注意要添加站点url,否则会出现页面内的post找不到loading图问题
lazyload:
enable: true
onlypost: false
imageCDN: # eg https://same.cdn.com/
loadingImg: # eg ./images/loading.gif
在这里可免费制作loading图 loading.io
资源压缩
Hexo-minify
Hexo-minify 是一款 Hexo 压缩插件,它可以压缩 HTML、CSS、JS、Font、Image(jpg,png,gif,webp,svg)
网页预加载
InstantClick CDN
当用户的鼠标悬停在一个链接上时,InstantClick 就会开始预加载该链接指向的页面内容。一旦用户点击这个链接,新页面几乎可以瞬间显示出来,因为大部分内容已经被预加载好了。它通过在后台异步加载页面资源,减少了用户等待页面加载的时间。