Reactjs 我的表现很差

Reactjs 我的表现很差,reactjs,performance,dom,audit,Reactjs,Performance,Dom,Audit,你好,我正在用React开发一个应用程序,经过一个月的编码,我开始担心第一次加载时的实际性能,但不仅仅是 我使用Chrome开发工具审计来检查性能,我得到了11%和8.8s秒的FCP,但是当我在性能工具中查看跟踪时,我可以看到800ms后页面已经按照我想要的方式呈现 你能解释一下这种行为吗?审计或性能工具是否有问题,或者我误解了什么?例如,第一个工具实际上检查“初始加载”,而第二个工具只检查Javascript下载后的“正常行为” 正如你所看到的,我对这个主题的了解很少,所以任何好的资源(教程、

你好,我正在用React开发一个应用程序,经过一个月的编码,我开始担心第一次加载时的实际性能,但不仅仅是

我使用Chrome开发工具审计来检查性能,我得到了11%和8.8s秒的FCP,但是当我在性能工具中查看跟踪时,我可以看到800ms后页面已经按照我想要的方式呈现

你能解释一下这种行为吗?审计或性能工具是否有问题,或者我误解了什么?例如,第一个工具实际上检查“初始加载”,而第二个工具只检查Javascript下载后的“正常行为”

正如你所看到的,我对这个主题的了解很少,所以任何好的资源(教程、讲座)都将不胜感激


非常感谢

您是否正在检查应用程序的开发人员版本或生产就绪版本?这是有意义的,因为React的生产准备版本在渲染方面更有效,并且比开发人员版本快得多。我想我使用的是开发人员版本,我的错。。。但是我不能尝试构建,因为我想我需要部署,而我现在不能这样做。但是谢谢,因为,现在,我希望构建的性能会更好一些。不管怎样,我拍摄的两个屏幕截图都来自developer版本,那么为什么它们检索到如此不同的性能呢?这实际上是我的问题,我将遵循以下步骤:我认为JS下载存在问题。您是否使用某种工具将代码分割成块?您是否检查应用程序的开发人员版本或生产就绪版本?这是有意义的,因为React的生产准备版本在渲染方面更有效,并且比开发人员版本快得多。我想我使用的是开发人员版本,我的错。。。但是我不能尝试构建,因为我想我需要部署,而我现在不能这样做。但是谢谢,因为,现在,我希望构建的性能会更好一些。不管怎样,我拍摄的两个屏幕截图都来自developer版本,那么为什么它们检索到如此不同的性能呢?这实际上是我的问题,我将遵循以下步骤:我认为JS下载存在问题。你用什么东西把代码分成块吗?