Next js 初始页面加载时间与后续页面加载相比太慢

Question

我已经使用 nextjs构建了一个应用程序并将其部署在服务器上，我观察到初始页面加载需要 4 秒才能加载，所有后续页面加载需要几毫秒才能加载，如果接下来生成静态 html 页面并提供它，那么为什么会这样花这么长时间，如果我错了，请纠正我，

网络进程截图

https://public-sapient.vercel.app/

Answer 1

更新：

您并行运行了太多资产请求。我怀疑您的资产主机正在限制您的请求，因为我们发现每个 X 请求都会出现一些放缓。

仅请求使用 IntersectionObserver 解决方案可见的资产。

======

网络成本实际上是站点需要完成的所有操作，它并不总是性能的最佳标记。

例如，假设我的总网络成本为 4 毫秒。尽管其中一个脚本需要很长时间才能完成（这会影响总网络时间），但我的 Web 核心生命体良好，而且实际上我的首次内容绘制 (FCP) 很短，因此用户可以快速查看工作站点。

Web Core Vitals 是更好的指标https://web.dev/vitals/

在 Chrome 开发工具中进行了性能审核，没有发现任何明显的问题。有一些大型任务和大的布局变化，但没有什么可以明显导致延迟。