请问 Nuxt3 服务端首次渲染返回时间过长 这是为什么呢?-灵析社区

兰豆儿

Nuxt3.6.1 首次服务端渲染返回页面内容这段TTFB时间很长是怎么回事呢? 首页接口基本上都使用了lazy 还是要4,5s左右 因为部署后和本地启动,都是在4,5s左右,猜测是Nuxt框架提供的内置服务端渲染花费的时间 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/8eb8d3974b23182c72e8e3cb996faa01.png) 试着进行打包优化 gzip 压缩和替换比较大的依赖,只减少了FCP的时间 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/41482c7fa4dbd461f913aa9baead9798.png) 服务器返回构建的html模板应该是在FCP之前,性能测试这里也是提示服务器返回有4s左右的时间 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/a5de21390fd50b9d5a29eca67736dca1.png) ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241108/0276b903309c5b70a33b9fc075d60e19.png) 目前知道接口少的页面会加载更快,但是前后端分离,服务端首次渲染这段获取数据的时间不知道如何具体查看 琢磨几天了,希望大佬们帮忙看看,非常感谢。

阅读量:19

点赞量:0

问AI
首先要排除服务器本身的问题: 1. 上传一个静态 HTML,测试打开时间 2. 创建一个什么也没有的空白 nuxt 项目,测试打开时间 如果上面的测试没问题,就要检查 SSR 阶段网络请求的耗时。即使没有别的手段,用 JS 记录开始时间结束时间总是可以的,然后就输出到页面中不就能看到了。 最后,如果是首页这种用户身份无关的页面,可以考虑预渲染。