记录网站最近的一些优化内容。
主要调整内容
- 构建流水线持续完善。将原本的 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,提供基本的流量来源分析。
- 支持重定向和响应标头:重定向在路径迁移等场景会很实用,并且框架无关。
- 支持边缘计算:能够和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 SC
、EB Garamond
、Source 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