站点资源优化
站点资源优化
智能摘要
Post-Abstract-AI

前言

在最近的计划文章中有提到过关于资源的滥用以及混乱的情况,而现在已经近乎优化到一定程度了。那么分为几大类来说吧

图片类

分类

对于我来说的话图片确实已经好久没分类了,所以最近重构了下图片资源,采用了以类型 + 具体用处且采用双驼峰命名来分类图片。

图片分类位置,以Image为根目录
图片分类位置,以Image为根目录

优化

分类完成之后就要优化了,把图片的位置内置后基本上就已经去除了一些缓存问题,但是没有优化完整的话也是不行的。

vercel.jsonjson
{
  "headers": [
    // 图片位置优化
    {
      "source": "/image/(.*)",
      "headers": [
        { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }
      ]
    },
  ]
}

字体文件

分包

对于字体在博客中的使用前需要分包才能更快加载,分包一方面有着许多工具。

优化

对于字体的优化,通过分包后进行以下配置后会进行缓存

vercel.jsonjson
{
  "headers": [
    // 字体位置优化
    {
      "source": "/fonts/(.*)",
      "headers": [
        { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }
      ]
    },
  ]
}
新故事即将发生
踏入2026:目标新方向

评论

评论加载中...