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的轻量,和阿里云服务器的各种加速,还是挺能打的。本地基本上秒开,没有以前那种首页渲染白屏,和加载时间的耗长。