Typecho页面速度优化，全站实行动静分离

阅读 7478 约 451 字
文章目录

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站长工具测速

chinaz20240608114215.png

Boce工具测速

bocecom20240608114102.png

这速度，依托Typecho的轻量，和阿里云服务器的各种加速，还是挺能打的。本地基本上秒开，没有以前那种首页渲染白屏，和加载时间的耗长。

本文标签「typecho CDN加速 网站测速」

文章使用「署名 4.0 国际」创作共享协议，可自由转载、引用，但需署名作者且注明文章出处。本文最后更新于 2024-12-04 12:40:17 交流邮箱: 9003(at)88.com