网站加载速度优化指北
前言
因为没钱,所以博客用的免费的github pages,但是github pages这速度,真的是一言难尽,所以决定从网站结构的角度出发,来尽可能的优化一下网站的加载速度
网站静态资源优化
一、公共库优化
以我的博客为例子,随便打开一篇文章,然后打开谷歌浏览器的调试工具,切换到网络选项,Ctrl+F5强制刷新一下,然后等待加载完成,把结果按时间排序
先从加载时间过长的外部资源入手,比如说bootstrap、jquery这种库,
我这个主题默认用的是jsdelivr,可以换成国内的bootcdn或者baomitu
更换为bootcdn之后
可以看到加速时间是快了很多的
二、图片优化
公共库的优化搞定了之后,我们再来看看图片
这加载时间实在是惨不忍睹,主要有两个优化方向
1.图片压缩
第一选择当然从根源入手了,想办法把图片文件的大小缩小不就好了,这里推荐两个图片在线压缩网站
1.tinypng
2.docsmall
这一类网站一搜一大把,压缩效果其实也差不多,至于选择用哪一个,那就仁者见仁,智者见智了,我最常用的是tinypng。
图床
如果可以,最好把图片和网站分开存放,不要过于相信你的服务器,反正网上的图床也是一搜一大把,找个带cdn的图床岂不美哉?
烂大街的像ImgURL、SM.MS、路过图床这种我就不说了,我推荐几个小众的吧(跑路警告)
1.聚合图床
这玩意也是我的主力
这狗玩意免费接口竟然也是抓的第三方…
啥接口都用,还不如第三个..,起码还能自己选一个快的
2.酷Java图床
v2ex看到的,速度还行
3.映画の图床
非自建图床,是位v友抓的大厂的接口,图片上传无法删除,而且存在一定风险(参考新浪图床防盗链事件)
4.新增其他
说明
公开图床存在跑路风险,自建图床怕被刷流量,至于Github+jsDelivr当图床,我并不赞成,而且速度也不咋地
三.CDN
还在试验,暂时没上
未完待续…
网站加载速度优化指北
http://blog.233c.cn/posts/10004/