我的 Typecho 博客优化方法
!## 前言
我的小鸡鸡是俄罗斯 HostVDS 的机器,远在莫斯科,物理延迟本就不低,更是为了安全套了一层减速器 CloudFlare,而做网站的都了解,网站的加载速度几乎是重中之重,我们先来看一下我现在博客的打开速度。
PageSpeed Insights
桌面端得分高的离谱,但移动端得分还不到90分,但总体已经很满意了
BOCE
BOCE 测速大面积都是红色,但是 CloudFlare 减速器嘛,要求不要太高,最短时间还是能拿得出手的。
2021年2月7日 更新:
经过刚刚 CF 的大型维护之后,本站速度可谓是惊人!
本地数据
1 秒左右的加载已经非常满足了,毕竟不能和别人国内/香港的机器比速度
!## 优化过程
我是个小白,没有网站建设的专业知识,只是用小白的方式对网站进行了一些优化。使得现在与之前的速度相比有云泥之别。
静态资源
首先我的博客主题用的是 Initial, 是一款非常轻量的博客主题,并且该主题的所有静态资源都被作者托管在 CDN 上。
静态资源在 50ms 内就可以完全加载出来,托 JSDelivr 在国内也有节点的福
我网站的 ICON, LOGO 都是使用的 CDN, 尽量减少了对本地服务器的响应。
谷歌分析
谷歌分析更换成 SukkaW 大佬的异步 Google Analytics
利用免费的 CloudFlare Workers 异步提交谷歌分析,速度快,不影响加载,不会被广告屏蔽插件拦截。
虽然我做不到像 SukkaW 大佬一样优化自己的博客,但能用一点是一点 :oops:
页面缓存
利用 CloudFlare 的页面规则
将所有的页面都缓存到 CDN 上。
并且利用 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';