前言

我的小鸡鸡是俄罗斯 HostVDS 的机器,远在莫斯科,物理延迟本就不低,更是为了安全套了一层减速器 CloudFlare,而做网站的都了解,网站的加载速度几乎是重中之重,我们先来看一下我现在博客的打开速度。

PageSpeed Insights

桌面端 98
桌面端得分高的离谱,但移动端得分还不到90分,但总体已经很满意了

BOCE

BOCE 数据
BOCE 测速大面积都是红色,但是 CloudFlare 减速器嘛,要求不要太高,最短时间还是能拿得出手的。
2021年2月7日 更新:
经过刚刚 CF 的大型维护之后,本站速度可谓是惊人!

本地数据

审查元素-网络
1 秒左右的加载已经非常满足了,毕竟不能和别人国内/香港的机器比速度

优化过程

我是个小白,没有网站建设的专业知识,只是用小白的方式对网站进行了一些优化。使得现在与之前的速度相比有云泥之别。

静态资源

首先我的博客主题用的是 Initial, 是一款非常轻量的博客主题,并且该主题的所有静态资源都被作者托管在 CDN 上。
主题内的静态 CDN 设置
静态资源在 50ms 内就可以完全加载出来,托 JSDelivr 在国内也有节点的福
我网站的 ICON, LOGO 都是使用的 CDN, 尽量减少了对本地服务器的响应。

谷歌分析

谷歌分析更换成 SukkaW 大佬的异步 Google Analytics
利用免费的 CloudFlare Workers 异步提交谷歌分析,速度快,不影响加载,不会被广告屏蔽插件拦截。
虽然我做不到像 SukkaW 大佬一样优化自己的博客,但能用一点是一点 icon_redface.png

页面缓存

利用 CloudFlare 的页面规则
Typecho 页面缓存设置
将所有的页面都缓存到 CDN 上。
HIT 表示已经被缓存
并且利用 Typecho 插件 CloudflarePurgeCache 实现了当有新评论和文章发表时自动更新缓存。
总体实现了比较理想的加载速度。

图床选择

博客的图片除了使用大厂的 CDN 还托管 LOGO 等图片外,其他外链图片都使用了去不图床,该图床使用腾讯云主机使用腾讯云CDN加速访问,是一个非常良心好用的国内免费图床。

服务器端更改内核 BBR-TCPA

TCPA简介
腾讯内部使用的TCPA,由腾讯TEG操作系统组研发,基于RHEL7.4源码,定制化的TCPA。团队介绍:腾讯TEG操作系统组,
2010年成立,专业的内核团队,维护研发腾讯内部linux操作系统tlinux, 保证百万级server高效稳定运行,
为腾讯业务提供有力支撑。
优势:TCPA启用后,小文件比BBR能提升40%以上,大文件比BBR能提升5%~10%。TCPA的优势在于小文件的性能提升,程序也默认仅加速网站端口(80/443/8080),所以更适用于建站场景。

其他静态资源

经过一系列测试后,发现所使用的 Typecho-Plus 插件所加载的资源明显需要更长的时间,这是我这远在异国他乡的小鸡鸡所带来的影响,为了让该插件加载速度不受服务器的影响,使用 JsDelivr CDN 加速 Typecho Plus 的静态资源。
ClsoFun 插件版本:
JsDelivr 详细:
修改方法:
在后台文件管理中,例如宝塔面板。

打开文件 /usr/plugins/ClsoFun/Plugin.php
208 行改为
        $cssPath =  'https://cdn.jsdelivr.net/gh/hijoke/[email protected]/res/typechoplus.css';
223 行
        $jsPath =  'https://cdn.jsdelivr.net/gh/hijoke/[email protected]/res/typechoplus.js';
243 行
        $jsPath =  'https://cdn.jsdelivr.net/gh/hijoke/[email protected]/res/autosize.min.js';
文章目录