之前搭建了个本地搜索,大约1.74M,让网页访问拉慢了,但是没办法,不然搜索不能用。

现在想办法把加载速度从其他地方找补一点回来。

使用图片延迟加载

github地址: hexo-lazyload-image
使用下面指令安装
npm install hexo-lazyload-image --save

配置如下,loadingImg需要注意要添加站点url,否则会出现页面内的post找不到loading图问题

1
2
3
4
5
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 就会开始预加载该链接指向的页面内容。一旦用户点击这个链接,新页面几乎可以瞬间显示出来,因为大部分内容已经被预加载好了。它通过在后台异步加载页面资源,减少了用户等待页面加载的时间。