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

Chinz站长工具测速

Boce工具测速

Boce工具测速

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

已有 27 条评论

  1. 打开速度很快,typecho就是比wordpress快

    1. 是的,不过我以前用wp的时候也可以优化的秒开,不过比Ty繁琐

      1. 是的,有效的优化才是优化。之前遇到过“美化”过度的hexo站点,一个静态博客,首页资源也就300KB不到,开屏是快,秒开,但是这个首页没任何实质内容,往下滑去看内容,直接触发好几张图的Lazyload加载,转转转快10秒才出来第一张图。

        1. 赞同,有效优化才是好的优化。

添加新评论