html文件和DOMcontentloaded之间有400ms的差距？答案

【问题标题】：400ms gap between html file and DOMcontentloaded?html文件和DOMcontentloaded之间有400ms的差距？
【发布时间】：2014-02-03 20:13:07
【问题描述】：

为什么在下载 html 文件和 DOMcontentloaded 事件之间存在间隔（几乎 400 毫秒）？

浏览器在做什么？ :S

【问题讨论】：

你能添加你的 HTML 吗？它看起来不会很大（我猜它基本上只是头部的脚本和链接元素，但我想确定一下）
是的，它只是链接元素和一个 h1 标签
我是否正确假设虽然您引用了 jquery 源映射，但您没有包含任何 JavaScript？还是被过滤掉了？

标签： http google-chrome express google-chrome-devtools

【解决方案1】：

延迟可能与 node.js（服务器端）相关。这是我在运行 Tomcat 的 Macbook pro 上的时间线（您会看到我假设解析的延迟，但几乎没有那么长）：

使用以下 HTML：

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="font-awesome.min.css">
    <title>Test</title>
  </head>
  <body>
    <h1>Loaded</h1>
  </body>
</html>

【讨论】：

您的回答真的很有帮助！但我想我找到了真正造成它的原因。加载源地图的是 Disconnect-chromeplugin。如果我删除插件，我会节省 300 毫秒（！）。我仍然有差距，但它和你的一样长。也许它与我的节点服务器有关，但现在没什么大不了的。非常感谢您的宝贵时间！ :)（嗯，我应该创建一个新答案并将其标记为正确答案还是您的答案？）
这是Disconnect-chromeplugin 的一个有趣的副作用，也许您可以将其报告为问题。

【解决方案2】：

问题出在 Disconnect Chrome 插件上。它加载一个需要 300 毫秒的 jquery 源映射...... 经过一些测试，我还注意到 addblocker 会产生 100 毫秒的间隙

【讨论】：