最近用 Astro 重构了一个小站点,采用 纯 SSG(静态站生成) 方案。部署后第一时间用 PageSpeed Insights 测了下加载速度,结果令人满意:
PageSpeed Insights 得分
移动端 / 桌面端:💯 100 / 100
首屏加载指标优秀,几乎无可优化项
为什么选择 Astro SSG?
- 完整 HTML 预渲染,首屏无需等 JS 执行即可展示内容
- 自动按需加载 JS,减少包体积
- 内置最佳实践支持(懒加载、内联 CSS、图片优化等)
回顾之前的 Vue SPA 体验
之前的 Vue 项目采用 Vite + Vue 3 构建,虽然 Vite 本身打包快、热更新体验好,但首屏加载仍依赖 JS 完成渲染。实际体验中,首屏渲染总是会因为首包 JS 体积、网络状况等因素多一点等待感。