我注意到,在Chrome Developer工具中,“性能”标签下显示了一些“网络请求”。但是,这些相同的请求不会显示在“网络”选项卡中。
更具体地说,我正在研究一个示例示例项目,该示例演示了延迟加载。 https://github.com/devAbhimanyu/LazyLoadind_In_ReactJS
在演示中,如果单击两个按钮中的任何一个,它将延迟加载组件(它还将您引导到新页面)。我是Web开发的新手,但似乎该演示应用程序仅在从页面切换到页面时才利用客户端渲染。
当我切换到新页面时,网络标签显示没有新请求。但是,在效果标签下,我可以清楚地看到,在时间轴部分>网络子部分中,时间轴中有一个橙色矩形,代表用于获取和延迟加载新组件。它具有以下信息,但是由于某种原因,此请求未显示在“网络”标签下:
Duration: 2.50 s
Request Method: GET
Priority: Low
Mime Type: application/javascript
在Chrome开发者工具中,网络标签下的请求与性能>时间轴>网络下的请求有什么区别?我不了解客户端路由吗?