记录本站的一些优化
之前搭建了个本地搜索,大约1.74M,让网页访问拉慢了,但是没办法,不然搜索不能用。
现在想办法把加载速度从其他地方找补一点回来。
使用图片延迟加载
github地址: hexo-lazyload-image
使用下面指令安装npm install hexo-lazyload-image --save
配置如下,loadingImg需要注意要添加站点url,否则会出现页面内的post找不到loading图问题
1 | lazyload: |
在这里可免费制作loading图 loading.io
资源压缩
Hexo-minify
Hexo-minify 是一款 Hexo 压缩插件,它可以压缩 HTML、CSS、JS、Font、Image(jpg,png,gif,webp,svg)
网页预加载
InstantClick CDN
当用户的鼠标悬停在一个链接上时,InstantClick 就会开始预加载该链接指向的页面内容。一旦用户点击这个链接,新页面几乎可以瞬间显示出来,因为大部分内容已经被预加载好了。它通过在后台异步加载页面资源,减少了用户等待页面加载的时间。
本文标题:记录本站的一些优化
文章作者:Keyle
发布时间:2024-09-13
最后更新:2024-09-13
原始链接:https://vrast.cn/posts/38026/
版权声明:©Keyle's Blog. 本站采用署名-非商业性使用-相同方式共享 4.0 国际进行许可