【问题标题】:Chrome network timeline unexplained latencyChrome 网络时间线无法解释的延迟
【发布时间】:2016-06-24 20:17:16
【问题描述】:

我的网站大约在 5 秒后加载。

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

如您所见,在加载 favicon.ico 之前有一段相对较长的时间跨度(似乎什么都没有发生,甚至 Content Download 都没有),这恰好延迟了页面渲染。

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

【问题讨论】:

    标签: google-chrome google-chrome-devtools performance-testing load-time


    【解决方案1】:

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

    如果您在页面上禁用 javascript,则它会在 0.5 秒内加载。

    【讨论】:

    • 你是对的。完成您的回答:我分析了加载的 Javascript。我发现有一个消耗资源的功能。 rsa.generateKeyPair()。我把它放在那里符合 YAGNI 反模式。我现在把它删了。如果您愿意,可以查看网站。非常感谢。
    【解决方案2】:

    你可以在 script 标签上使用 defer 属性,这样脚本只有在解析 dom 内容时才会执行。

    【讨论】:

      猜你喜欢
      • 2012-07-07
      • 2013-12-28
      • 2012-01-24
      • 1970-01-01
      • 2017-08-24
      • 1970-01-01
      • 2017-10-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多