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

已有 27 条评论

  1. 只有我是地图一片红。

    1. 咋可能,你的也就是图片多点,也差不多秒开。

  2. 非常丝滑,羡慕。。。
    我也要学着折腾一下了。

    1. 哈哈,ty这个程序折腾还是简单的,现在还有AI可以问,比以前方便多了。

  3. 秒开,每个页面打开都很丝滑,一气呵成,行云流水的美感,真好

    1. 是的,博客我最喜欢的两个一个是丝滑,一个是排版,你的都占了,哈哈

  4. 你这真看不出来是typecho,真的很简洁啊啊

    1. 各种魔改,和你一样🤓

  5. 这速度,好像闪电⚡。我首页都是图,一直也快不起来,又得优化一下了。

    1. 我看了,你这个只要做个动静分离就好了,比如首页的图片缩略图,调用都是文章内的图片,全部使用cdn,流量只要不被劫持,其实成本相当低,一年用不了几块钱。你加载最耗时的就是你的图片懒加载js....

      1. 香港服务器好像不能做cdn,除非我全站图片用另外的备案域名,把图片放国外网站或者cdn上面,然后远程调用图片都,这种有啥插件能实现吗。

        1. 如果你是 wp 的,我爱水煮鱼有个免费插件,好像叫 wpjam 可以实现。如果是其他程序大概率需要手搓。有些主题作者集成了动态分离,自己放进 cdn 就可以。cdn 也有香港或者国外的,只要找靠谱的就可以。国内就是需要备案域名。

          1. 我好像安装这玩意了,我看看怎么设置下。

添加新评论

Top