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

Question

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

network process screenshot

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

Answer 1

更新：

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

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

======

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

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

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

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