Next加载速度优化

img

最近发现next博客打开的速度比较慢,相较于以往,速度慢了很多,尤其是在手机端的体验是比较差的,纠结了许久我决定改善一下,今天机缘巧合,在电脑端操作的时候发现了这网站一直处于加载之中:unpkg.com,原因是我用了valine评论功能,其默认的加载路径便是这个,找到原因,我们就得对症下药。

目的:更改valine的目标cdn,以加快网站的加载速度。

1.寻找cdn路径,我们可以到这个网站,获取valine的最新版本:https://www.jsdelivr.com/package/npm/valine
复制上面的cdn链接,这里给想偷懒的小伙伴发一波福利吧。

1
https://cdn.jsdelivr.net/npm/valine@1.3.9/dist/Valine.min.js //这里的1.3.9即为valine的版本号,更换为最新版本即可哦

2.找到本地加载cdn的地方,打开文件路径:/themes/next/layout/_third-party/comments,找到valine.swig文件,编辑修改如下:

1
2
3
{% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %}
<!--<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>--> // 把该行默认加载的cdn地址注释掉
<script src="https://cdn.jsdelivr.net/npm/valine@1.3.9/dist/Valine.min.js"></script> // 添加该行

3.保存退出,运行hexo g && hexo d查看最新效果啦。

点滴分享,您的支持将鼓励我继续创作!