Chrome 网络时间线无法解释的延迟

Question

我有一个网站大约在 5 秒后加载。

当我查看 Chrome 上的网络图时：

如您所见，在加载 favicon.ico 之前有一段相对较长的时间跨度（似乎什么都没有发生，甚至 Content Download 也没有发生）恰好延迟了页面呈现。

那可能是什么？我做错了什么？

Answer 1

这似乎与未压缩的 2.6mb 文件 javascript 有关。我猜浏览器在抓取图标之前正在处理 javascript。

如果您在页面上禁用 javascript，则它会在不到 .5 秒的时间内加载。

Answer 2

您可以在脚本标签上使用 defer 属性，以便脚本仅在解析 dom 内容时执行。