网站加载速度优化指北

前言

因为没钱,所以博客用的免费的github pages,但是github pages这速度,真的是一言难尽,所以决定从网站结构的角度出发,来尽可能的优化一下网站的加载速度

网站静态资源优化

一、公共库优化

以我的博客为例子,随便打开一篇文章,然后打开谷歌浏览器的调试工具,切换到网络选项,Ctrl+F5强制刷新一下,然后等待加载完成,把结果按时间排序

优化前加载时间

先从加载时间过长的外部资源入手,比如说bootstrap、jquery这种库,

我这个主题默认用的是jsdelivr,可以换成国内的bootcdn或者baomitu

静态资源分析

更换为bootcdn之后
bootcdn加速

bootcdn加载

可以看到加速时间是快了很多的

二、图片优化

公共库的优化搞定了之后,我们再来看看图片

这加载时间实在是惨不忍睹,主要有两个优化方向

1.图片压缩

第一选择当然从根源入手了,想办法把图片文件的大小缩小不就好了,这里推荐两个图片在线压缩网站

1.tinypng

tinypng

2.docsmall

docsmall

这一类网站一搜一大把,压缩效果其实也差不多,至于选择用哪一个,那就仁者见仁,智者见智了,我最常用的是tinypng

图床

如果可以,最好把图片和网站分开存放,不要过于相信你的服务器,反正网上的图床也是一搜一大把,找个带cdn的图床岂不美哉?

烂大街的像ImgURLSM.MS路过图床这种我就不说了,我推荐几个小众的吧(跑路警告)

1.聚合图床

这玩意也是我的主力
这狗玩意免费接口竟然也是抓的第三方…
啥接口都用,还不如第三个..,起码还能自己选一个快的

2.酷Java图床
v2ex看到的,速度还行

3.映画の图床
非自建图床,是位v友抓的大厂的接口,图片上传无法删除,而且存在一定风险(参考新浪图床防盗链事件)

4.新增其他

说明

公开图床存在跑路风险,自建图床怕被刷流量,至于Github+jsDelivr当图床,我并不赞成,而且速度也不咋地

三.CDN

还在试验,暂时没上

未完待续…


网站加载速度优化指北
http://blog.233c.cn/posts/10004/
作者
木末君
发布于
2021年5月20日
许可协议