优化

这是一篇关于本站的技术小文。

前方计算机专业知识预警,无关人员请避让。

这个小站从几个月前打开就很慢了,有时候打开一个页面超过10秒,我想当然的认为是由于只有我个人知道的原因,比如服务器地址、免费CDN网络问题等,没细想。而且这半年来也没怎么关注,这几天刚好有时间想起来把它优化一下。

首先,通过chrome浏览器分析,慢首先是由于加载一个 fontawesome.com 的css文件超过5秒。

搜索了一下,在hugo使用的模板,框架文件(layout/hugo-coder/layouts/_default/baseof.html)中找到有其引用:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />

随手 Google 了一个针对 fontawesome.com 的加速链接换上:

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.1/css/all.css" rel="stylesheet">

重启服务后,好像好了很多。

继续分析看,首页偶尔还是卡过3秒钟,原来hugo有一个livereload机制,找到官方文档将其关闭:

https://gohugo.io/getting-started/usage/#disable-livereload

有时候发现使用的评论插件valine经常加载很慢甚至加载不出来。换了一个CDN渠道:

https://cdnjs.cloudflare.com/ajax/libs/valine/1.4.14/Valine.min.js

这时候速度真的起飞了。

再慢的话就是网络和CDN的锅了。




0