最近借着切换云服务方式的时机对博客代码进行了不少的调整,主要是优化性能、改善体验。简单通过推文记录一下。
fatbobman.com* Serverless
从 Host + CDN 切换到 Serverless 后最大的收获就是大幅简化了部署难度。无需再手动清空 CDN 缓存,这也无意间加速了博客代码的迭代频率
* EdgeOne Pages
腾讯提供的 Pages 服务,目前还在公测(免费)。具备免费 SSL,自动续签。可以本地调试的 serverless function( 大幅提高云函数的开发效率),而且代码集成在项目中。目前的缺点是功能有限,只有 http 1.1,没有流量统计(看不到访问日志)。
edgeone.ai , 如果你使用腾讯云,可以在 EdgeOne 加速功能中看到 Pages 选项。
* Astro 5
本次更新从 Astro 4 更新到 Astro 5。由于增加了内容层,构建效率大幅提高。之前每次构建需要 4-5 分钟,现在不用 1 分钟。超出意料的惊喜
* 性能优化
为了努力改善在受限环境下的页面体验( PageSpeed Insights 刷分),将博客中之前写的 js 代码都修改成模块化的载入方式,通过懒加载、选择性启用等方式,提高了 FCP。除此之外,图片、css 又都做了调整。也算是获取了一点经验
* Safari vs Chrome
第一次深刻体会到 Safari 在某些场景下的孱弱。需要使用不少的奇淫巧技来进行处理。
* AI 工具
相较于一年前只有 Copilot, 现在可使用的工具实在很多,前端开发的 AI 体验明显好用苹果生态。最近几天主要使用字节的 trae,体验下来感觉还不错。目前最弱的是基于 AI 的代码自动提示( Tab ), chat 和 builder 和其他几个主流的工具区别不大
* 接下来
打算利用 function + supabase 尝试点新东西