独立产品Astro SSG:首屏加载速度体验分享

头像
Jason Ji
20阅读0评论

最近用 Astro 重构了一个小站点,采用 纯 SSG(静态站生成) 方案。部署后第一时间用 PageSpeed Insights 测了下加载速度,结果令人满意:

PageSpeed Insights 得分

移动端 / 桌面端:💯 100 / 100
首屏加载指标优秀,几乎无可优化项

Astro SSG:首屏加载速度体验分享
Astro SSG:首屏加载速度体验分享

为什么选择 Astro SSG?

  • 完整 HTML 预渲染,首屏无需等 JS 执行即可展示内容
  • 自动按需加载 JS,减少包体积
  • 内置最佳实践支持(懒加载、内联 CSS、图片优化等)

回顾之前的 Vue SPA 体验

之前的 Vue 项目采用 Vite + Vue 3 构建,虽然 Vite 本身打包快、热更新体验好,但首屏加载仍依赖 JS 完成渲染。实际体验中,首屏渲染总是会因为首包 JS 体积、网络状况等因素多一点等待感。

收藏
举报
精选评论
empty
暂无数据