Javascript 为什么空的默认NextJS应用程序的性能分数这么低?

Javascript 为什么空的默认NextJS应用程序的性能分数这么低?,javascript,performance,next.js,lighthouse,Javascript,Performance,Next.js,Lighthouse,我开始玩我的第一个Next.js项目 在通过createnextapp创建了一个新项目之后,我运行了web应用“Lighthouse”中的性能选项卡(结果可以在下面的选项卡中查看)。然而,业绩报告的得分为79分;所有其他测试均在90以上 有人能给我解释一下为什么会有这些结果吗 这个项目是新创建的,完全是空的,人们会假设一个性能报告会为这样一个项目返回一个高分,但它没有。如果您有任何见解可以帮助澄清为什么性能测试返回我上面解释的结果,我们将不胜感激。谢谢大家! 我认为您正在开发服务器上运行测试在

我开始玩我的第一个Next.js项目

在通过
createnextapp
创建了一个新项目之后,我运行了web应用“Lighthouse”中的性能选项卡(结果可以在下面的选项卡中查看)。然而,业绩报告的得分为79分;所有其他测试均在90以上

有人能给我解释一下为什么会有这些结果吗

这个项目是新创建的,完全是空的,人们会假设一个性能报告会为这样一个项目返回一个高分,但它没有。如果您有任何见解可以帮助澄清为什么性能测试返回我上面解释的结果,我们将不胜感激。谢谢大家!


我认为您正在开发服务器上运行测试在开发模式中,使用了大量未使用的js代码。这就是性能有点慢的原因。您可以检查生产构建

你所要做的就是:

  • 运行npm构建
  • npm start
    (如果您的开发服务器在端口3000上运行,则运行
    npm start-p 5000
  • 然后转到
    http://localhost:5000
    并运行灯塔。我认为演出会更好

  • 所有的建议都在那里。请在谷歌上搜索每个主题,你会找到解决问题的方法。我对我的项目也做了同样的事情。你说得对,我更改了标题和描述。这是一个很好的问题@MarcoMazzai。如果你问我的话,它应该得到谷歌灯塔团队的回答。你安装了react开发者工具插件吗?对我来说,这就是删除未使用的JavaScript的原因。另外,您使用的是开发服务器还是生产构建?您的问题非常相关。下一步应该更好,更快,在一个新的项目上。这意味着我们必须在每个项目上做更多的工作,努力“清理”下一步的事情。下一步最好是“性能就绪”。是的,但是你仍然不能在开发中检查构建的站点,对吗?依我看,这是灯塔的一个更基本的问题。在开发模式下,您无法确定应用程序的性能。您几乎必须首先部署它。可能是。但我想我们可以。因为如果我们使用生产构建,我们将不再处于开发模式。是的,机器的容量可能有问题。但是从代码的角度来看,我认为不应该有任何性能下降。下一步的工作方式是,如果您处于开发模式,并且使用
    getStaticProps
    每个调用仍然是对服务器的获取。请参见此处:。我认为问题在于灯塔是如何工作的,这是一个根本性的缺陷,除非我遗漏了什么。