author.chinalangd.com优化记

很久没有记录过blog在网上了,现在大部分的笔记都是直接在印象笔记里,为了让自己更勤快些,索性就弄了个author.chinalangd.com的站点,也当时闲暇之余记录一下吧,有些时候blog找起来比打开印象笔记是要快那么一丢丢。

话说这个站点是放在美国,在初期选themes的时候我也是尽可能的选加载速度比较快的,但真的是。。。昨晚打开想记录些东西的,结果卡着了,刷新了几次都打不开,打开了看加载速度居然去到了二三十秒,这搞个锤子哦。一气之下就有了后面的优化之路。

优化最好的办法就是将静态资源全部挂CDN上,可是我又没钱去买CDN,免费的国内的要备案,国外的有很多IP地址又被GFW墙了,会导致加载失败。所以就使用了Jsdelivr,这个服务是真的牛批,我的所有CDN只要能挂到这里的清一色用它!

1、将原themes带的font-awxxx的资源全部干掉

2、因为我不用favicon,在head里加上下面的代码让浏览器屏蔽掉这个请求

<link rel="icon" href="data:;base64,=">

3、layui.css这货是卡死的罪魁祸首,把里面的@face-family删掉,压缩,然后传到github上面,用Jsdelivr的CDN加载

4、将图片图标的代码全部删除,用iconfont.cn的symbol加载,只有用这个才能保持彩色图标

5、原本想着为了看代码方便,所以就使用了googlefont的字体,发现加载这些字体也需要700多毫秒,干掉!

6、登录以后看文章有一个adminbar,在functions.php里加上下面的代码干掉

add_filter('show_admin_bar', '__return_false');

7、打开服务器的zip压缩

经过这么一折腾,什么卡顿都tmd的没了,加载速度也由二三十秒瞬间变成了1秒左右,飞一样的质变。但是随之而来一个奇怪的问题,原来搭配的mac样式代码高亮插件突然间失效了,而且换了几个都是一样,估计是因为zip压缩的问题,不管了,不想再折腾代码了,最后换到Crayon Syntax Highlighter可以使用了。虽然没有了我想要的mac的效果,但是也不差,就用它吧。原来想着会加载多一些请求,1秒的时间可能保不住了,没想到也只是1.2秒左右,完全能接受。

折腾了一天,总算折腾到比较满意的结果了,开心。

THE END
分享
二维码
< <上一篇
下一篇>>