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

找到瓶颈：

首先，您需要找出导致网站运行缓慢的原因。为此，我建议使用灯塔或开发工具的“网络”标签。

开发人员常见错误：

A.开发代替生产模式：

Next.js有两种模式。开发模式（next dev）相当慢，因为已执行和交付了许多开发工具。

要在生产模式下运行您的应用，请首先使用构建您的应用next build，然后再使用进行启动next start。

B.包含太多代码：

有时，开发人员会将大量的npm模块甚至仅是为node.js构建的模块包含到next.js中。

由于这些示例，实际上找到这些模块非常容易：

• https://github.com/zeit/next.js/tree/canary/examples/with-webpack-bundle-analyzer
• https://github.com/zeit/next.js/tree/canary/examples/with-webpack-bundle-size-analyzer

C. Cold Serverless instance:

If you are running your next.js instance on a serverless provider keep in mind that it may take some time to start the serverless instance. Especially if you have a free plan.