跳到主要内容
佳益手记

企业博客

技术专栏 · 发布 2026年8月30日

Nuxt SSR 的缓存与首屏速度

服务端渲染不等于快。首屏速度取决于数据请求的组织方式,而不是渲染模式本身。

很多团队选择 SSR 是为了首屏速度和 SEO,上线后发现首屏依然要等一两秒。排查下来,问题通常不在渲染环节,而在数据请求串行、接口过慢或缓存缺失。

三个常见瓶颈

串行请求。页面依次等待分类、列表、推荐三组数据,总耗时等于三者之和。并行之后往往能省掉一半时间。

缺少缓存。首页、列表页这类内容对所有人一致,完全可以在服务端缓存几十秒,瞬间降低接口压力。

数据过度获取。列表页请求了详情字段,详情页又请求了列表数据,白白浪费带宽和查询时间。

我们的默认配置

内容类页面在服务端做短时缓存,后台更新后通过接口触发失效,避免用户看到过期内容。

首屏关键请求放进 useAsyncData 并行执行,非关键模块延后到客户端加载。

图片和字体统一走 CDN,避免抢占首屏带宽。

SSR 只是把渲染搬到服务端,真正的速度来自少请求、并行请求和合理缓存。

返回博客列表

想把文章里的方法用到您的项目里?

我们乐于分享更多实施细节,也欢迎您带着具体问题与我们交流。

开始一次对话 →
— 编辑部 · 佳益方圆EST. 2019 · JYFY