Chrome缓存机制

Question

帮助我理解导致这种情况的原因：

由此，我的意思是100％的资产都被缓存，但是从脚本接收内容和DOMContentLoaded事件触发之间仍有约200ms的延迟。这是Linux上的Chrome，正在提供的页面大约有100行div和东西，没什么大不了的。

Answer 1

这200ms＆＃34;延迟＆＃34;您观察的不是由网络引起的，而是由处理内容引起的。

获取HTML和CSS之间以及CSS文件之间的延迟是解析HTML所需的时间。当JavaScript进入混合时，HTML解析器会暂停，直到加载脚本，直到评估并执行。

您可以打开时间轴标签，点击左上角的按钮/圆圈（＆＃34;记录＆＃34;）并重新加载页面，详细了解影响加载时间的因素。下面是一个示例，显示了脚本执行时间和资源获取时间之间的相关性。这些屏幕截图记录在没有任何扩展名的浏览器配置文件中，如果您安装了任何扩展名，那么时间可能会增加。

网络标签：

时间线标签：

详细了解性能和分析：

• https://developer.chrome.com/devtools/docs/network
• https://developers.google.com/web/fundamentals/performance/critical-rendering-path/