我正在评估我的样板：
但是，Network 选项卡和 Performance 选项卡中显示的时间存在一些混淆。
网络标签：
它告诉服务器解析请求后，在22ms下载了blog(.html)，因此总共占用了~51ms
性能标签：
它告诉博客（.html）蓝色在~132ms之后开始下载
并在~199ms 完成，之后浏览器开始解析它。
为什么同一个页面刷新有两种不同的东西（实际上是硬刷新，虽然没关系）？
【问题讨论】：
标签： performance google-chrome-devtools performance-testing
除非选中“保留日志”，否则网络面板会在刷新时开始全新的录制。您会注意到性能面板正在从您达到记录的时间开始进行分析。因此，它正在考虑对当前页面的现有分析加上新页面请求。
这是正常且正常的行为。您通常不需要将网络面板数据与性能数据关联到那种程度。网络请求信息在 Performance 中提供，主要是为了轻松帮助您在完成其工作的网络资源与因此执行任务的引擎之间获得所需的关联。
【讨论】：
Network、选项卡、我的第一次绘画（使用捕获屏幕截图）以及加载时间、停顿时间等其他详细信息进行检查时，它们都始终小于Performance 选项卡。或者，如果在比较性能和网络选项卡时有任何延迟，chrome 开发工具根本不会显示详细信息。可能是我在解释中遗漏了一些东西。 Performance 和 Network 选项卡在各自的细节上都是一致的，即使在单独检查时也是如此，这证明了这一点
Network / Performance 选项卡？因为Network 选项卡始终显示在 350-450 毫秒内加载，而相同的内容在 Perf 选项卡上始终显示为 ~700-850 毫秒。当我继续添加诸如数据获取之类的东西时，更复杂的视图，我会考虑什么措施一个网站？