站点优化日志(2022.04.17)

记录网站最近的一些优化内容。

主要调整内容

  • 构建流水线持续完善。将原本的 github workflow 部署调整为基于 cloudflare pages 的自动构建与部署。
  • Hugo_v0.97.0。将模板内容和前端部分进行了一些调整,构建性能和前端页面性能有了一些提升。
  • 域名更换与网站前端优化。将域名由 zhangjc.site 更换至 zhangjc.tech,并使用了 腾讯云CDN 进行国内访问加速。
  • 支援PWA。PWA有一些新的格式要求,本次优化针对性更新了相关内容。

构建流水线持续完善

相比 github pages 托管,Cloudflare Pages 拥有更全面的功能支持,并结合了 Cloudflare 自身在DNS、边缘计算等领域的布局和优势,能够提供开发者和用户更全面的现代网页功能支持。这里列举我比较常用的功能:

  • 支持分支在线预览:可以指定生产分支非生产分支,生产分支的提交会自动部署上线,非生产分支的所有提交会发布在一个子域上供预览。
  • 支持快速构建:Cloudflare Pages 正在迁移到一个速度会快很多的新构建基础结构,hugo 站点的构建、部署全流程可以在30s内完成。
  • 支援 Web Analysis:自动支援 Cloudflare 自家的 Web Analysis,提供基本的流量来源分析。
  • 支持重定向和响应标头:重定向在路径迁移等场景会很实用,并且框架无关。
    • 重定向:自定义发起请求时路由访问者的位置。使用 _redirects 文件轻松定义临时或永久重定向规则。对此文件进行的任何更改都会在下一个部署中应用。
    • 标头:在 _headers 文件中为静态或动态 URL 定义传出 HTTP 响应头。对此文件进行的任何更改都会在下一个部署中应用。
  • 支持边缘计算:能够和Cloudflare自家的Worker、KV联动,将来可以将一些在线工具放上去。
  • 支持更多自定义域:可以有不用的域名指向网站。

Hugo_v0.97.0

hugo 社区一直比较活跃,一直在持续迭代新的功能和修复bug。

本次升级没有遇到什么奇怪的问题,构建速度也有了一些提升。

                   | ZH   
-------------------+------
  Pages            | 143  
  Paginator pages  |  19  
  Non-page files   |   0  
  Static files     |  18  
  Processed images |   0  
  Aliases          |  84  
  Sitemaps         |   1  
  Cleaned          |   0  
Built in 470 ms

域名更换与网站前端优化

考虑到国内的使用体验以及大部分服务需要备案的因素,我将本站的域名进行了更换,并迁移了网站统计工具的配置。

同时针对大陆网络环境进一步优化了前端资源:

  • 网络字体优化。移除 Noto Serif SCEB GaramondSource Code Pro 字体的加载,并将字体集调整为 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif, -apple-system, system-ui,在绝大多数设备上使用本地字体便可获得不错的访问体验,并大大减少了首次访问带宽消耗。
  • 图床图片优化。基于腾讯云COS的功能,自动对图片进行优化,测试上基本能降低60%的带宽消耗。
  • 主机名更换。其实说不上更换,只是原本迁移时想用 zhangjc.tech 顶级域名直接作为站点主机名,但由于我还需要使用腾讯云CDN(配置CNAME),因此会导致 Cloudflare 拉平 CNAME 时将本应指向国内的解析IP指向了美国、日本等地。经过优化,[TTFB] (Time To First Byte) 时长由500ms以上降低至20ms以内。 移动端页面性能评分桌面端页面性能评分

最后

先写在这里,依旧期待下一次的站点升级,也希望这次重新升级后能够坚持记录更多内容。

-- EOF

updatedupdated2022-04-262022-04-26
点击刷新