加载Next.js应用程序需要33秒。是什么让它这么慢?

加载Next.js应用程序需要33秒。是什么让它这么慢?,next.js,Next.js,我的第一个Next.js应用程序几乎完成了 Dev的加载速度总是有点慢,但是生产是绝对荒谬的 第一次加载时,主页需要30秒以上的时间才能呈现 我见过速度非常慢的站点需要5-10秒,但我可能做错了什么会导致30秒的加载时间 预回迁是一个巨大的性能杀手吗 找到瓶颈: 首先,你需要找出是什么让你的网站变慢。 为此,我推荐您使用开发工具的“网络”选项卡 开发人员的常见错误: A.开发而非生产模式: Next.js有两种模式。开发模式(next dev)相当慢,因为很多开发工具都是执行和发布的 要在生产模

我的第一个Next.js应用程序几乎完成了

Dev的加载速度总是有点慢,但是生产是绝对荒谬的

第一次加载时,主页需要30秒以上的时间才能呈现

我见过速度非常慢的站点需要5-10秒,但我可能做错了什么会导致30秒的加载时间

预回迁是一个巨大的性能杀手吗

找到瓶颈: 首先,你需要找出是什么让你的网站变慢。 为此,我推荐您使用开发工具的“网络”选项卡

开发人员的常见错误: A.开发而非生产模式: Next.js有两种模式。开发模式(
next dev
)相当慢,因为很多开发工具都是执行和发布的

要在生产模式下运行应用程序,请首先使用
next build
构建应用程序,然后使用
next start
启动应用程序

B.包含太多代码: 有时开发人员会将巨大的npm模块,甚至是只为node.js构建到next.js中的模块

由于以下示例,查找这些模块实际上非常容易:

C.冷无服务器实例:
如果要在无服务器提供程序上运行next.js实例,请记住启动无服务器实例可能需要一些时间。特别是如果你有一个免费的计划。

尝试从Windows Defender中排除你的开发目录

写了一句话“它可能与此问题有关”我也有同样的问题,我正在使用NEXT js和Netlify,初始构建所需的时间比应该的要长。我怀疑冷无服务器实例也可能是原因之一