Typecho页面速度优化,全站实行动静分离
Typecho已经很轻量了,主题也很简约了,但我还是嫌弃不够好,于是动手开始折腾。
减去首页请求数
目前只保留了必要的CSS文件和图标文件,首页请求数在60+,并且大部分是鸿蒙字体的CSS加载请求。减去了jquery工具库的请求,虽然主题描述pjax无刷新和图片Lazyload能为页面带来加载速度和减少网络拥堵,但为了首页渲染更快,我还是减去了。
CSS、js、图片等文件使用CDN
所谓的动静分离,其实就是使用CDN对网站的静态资源加速,所以不常改动的资源,我直接扔进了阿里云OSS里面。但是修改前,在主题里面的header文件里,需要更改相关地址,以style.min.css为例,原本地调用地址是
<link rel="stylesheet" href="<?php $this->options->themeUrl('/css/style.min.css'); ?>">
我们需要把本地的调用地址修改成CDN地址,即
<link rel="stylesheet" href="//cdn.bosir.cn/rizhi/css/style.min.css">
以此类推,所有你不经常使用的静态文件,都可以打包到CDN里面去。
主题优化
因为主题足够简单,所以我去除了很多花里胡哨的功能,也减少了首页需要用到的图片,甚至头像调用我也去除了。本来是想改为调用首字母为头像的,奈何功夫不够深,还是放弃了。
整体还是以灰白为主,调用色使用了Typecho的深蓝,感觉整体还是比较清爽的。
网站测速
服务器配置:阿里云ECS(99元活动主机)+阿里云全站加速+阿里云OSS
Chinz站长工具测速
Boce工具测速
这速度,依托Typecho的轻量,和阿里云服务器的各种加速,还是挺能打的。本地基本上秒开,没有以前那种首页渲染白屏,和加载时间的耗长。
- 上一篇: 六月小记,祝福莘莘学子,高考顺利,金榜题名!
- 下一篇: 加速访问GitHub操作指南
别说,速度确实很快
嘿嘿,主要还是首页优化好的话,加载还是很快的。
再快就需要直接用纯html 😂
那得上静态程序了,玩儿不转
贼溜快啊,简洁就是好~
现在都流行极简了,哈哈
666 太赞了
谢谢!
好绿啊,速度贼快
这个“好绿”它正经吗,哈哈