为什么空的默认 NextJS 应用程序的性能得分如此低？

Question

我开始尝试我的第一个 Next.js 项目。

通过创建新项目后create-next-app，我在网络应用程序“Lighthouse”中运行性能选项卡（结果可以在下面的选项卡中查看）。然而，绩效报告的得分为 79 分；所有其他测试都在90以上。

有人可以向我解释为什么会出现这些结果吗？

该项目是新创建的，并且完全是空的，人们会假设一份绩效报告会为这样的项目返回一个很好的分数，但事实并非如此。如果您有任何见解可以帮助澄清为什么性能测试会返回我上面解释的结果，我们将不胜感激。谢谢你！

Answer 1

我认为您正在开发服务器上运行测试。在开发模式中，有很多未使用的js代码正在被使用。这就是性能有点慢的原因。您可以检查生产版本。

您所要做的就是：

1. 跑步npm build
2. npm start（如果您的开发服务器在端口 3000 上运行，则运行npm start -p 5000）
3. 然后去http://localhost:5000跑灯塔。我认为性能会更好。