迫于贫穷,博客挂在境外,国内的访问速度本来就比较慢,加上之前自己开发这个博客的时候都是在下班后,为了快速看到效果很多地方都没有考虑清楚,导致无论是前台还是后台都有很多问题,这也是我一直羞于开源的原因。但是底子不好不代表我们后天不努力,最近,我还是决定要将博客的体验做的更好点。首先放出目前的优化效果: 优化结果

合并css

之前写博客为了本地开发方便,直接用postcss自动编译,每个模块有自己的css,然后在相应的模块中引入,但是这样造成了一个页面请求多个css的情况。所以合并了css的编译结果。 【优点】:减少了css的请求 【缺点】:css模块化能力的缺陷导致可能会产生样式冲突。

减少js

个人博客,重要的是内容而不是花里胡哨。也没啥地方需要用到大的js库,能不用就不用。能不用到的地方就不用。本博客删除了除了mathJax之外的所有库文件。大大减少了js的请求。

小图片采用base64或者雪碧图

我的网站logo(saber)一开始我放了一张128*128的。。。后来我缩小到60*60后还是觉得效果不好,直接上了base64。

减少ttfb的响应时间

http可以分段吐出,我们可以在响应的时候,先渲染出一部分,而后渲染剩下的一部分。可以减少所谓的ttfb时间。博客首页目前就采用了分段渲染。具体的方法是因为响应本身是一个Stream,而在koa中也是能直接操作node.js的响应对象的,所以可做的事情还是有一点的。

servicework+cache

强大的sw-tools,将来pwa的技术支撑,我在博客上只是草草做了一些东西,但是目前仍然有一些困难点没有解决。也就是说sw的更新问题。这个有时间得好好研究一下。

HTTP/2

开启了HTTP/2,但是效果呢?并没有觉得提速的多少,大概原因是因为我的并发请求数并没有太多,然后server push我也没用到。等后期再看看效果如何。

优化之路漫漫,吾将上下而求索。