• 时间:
  • 分类: 技术
  • 浏览: 2.4k

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

  • 标签: typecho, CDN加速, 网站测速
    • ©水清无鱼 😀作者: bosir💫日期: 2024年06月08日💕链接: https://bosir.cn/178.html

已有 27 条评论

  1. dujun dujun

    只有我是地图一片红。

    回复
    1. bosir bosir

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

      回复
  2. 织梦岁月 织梦岁月

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

    回复
    1. bosir bosir

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

      回复
  3. 响石潭 响石潭

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

    回复
    1. bosir bosir

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

      回复
  4. 皇家元林 皇家元林

    你这真看不出来是typecho，真的很简洁啊啊

    回复
    1. bosir bosir

      各种魔改，和你一样🤓

      回复
  5. Jeffer.Z Jeffer.Z

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

    回复
    1. bosir bosir

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

      回复
      1. Jeffer.Z Jeffer.Z

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

        回复
        1. bosir bosir

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

          回复
          1. Jeffer.Z Jeffer.Z

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

  1. 1
  2. 2
  3. 3

添加新评论