Chrome Devtools React Profiler时机与现实

发布于 2025-01-22 22:01:19 字数 487 浏览 0 评论 0原文

在Chrome DevTools中的React Profiler中,应用程序重新渲染的时机如下:

“在此处输入图像说明”

这意味着210ms重新启动整个应用程序。实际上,大约需要2秒钟,这比Profiler显示的要多得多。关于2秒加载的情况相同的情况是当DevTools不打开时,因此不能进行开销。同样在应用程序的生产构建中,大约需要同一时间重新渲染。

我必须提到这是该应用程序的开发版本,突出显示组件渲染关闭时,始终从源中求解挂钩名称已关闭。在此渲染中没有实现提取请求。

原因是什么?

In the React Profiler in Chrome DevTools the timings for the app re-rendering are as follows:

enter image description here

That means 210ms to re-render the whole app. In reality it takes around 2 seconds which is a lot more then profiler shows. The same situation regarding the 2 seconds loading is when DevTools are not open, so it can't be some overhead processing. Also in the app's production build it takes roughly the same time to re-render.

I have to mention that this is development version of the app, the Highlight updates when components render is OFF, Always parse hook names from source is OFF. No fetch requests were realized in this render.

What could be the cause for this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文