【问题标题】:delay in firing DOMContent延迟触发 DOMContent
【发布时间】:2013-07-07 19:36:54
【问题描述】:

我正在尝试改进我的站点响应时间,但发现在最后一次文件加载(3.11 秒)与触发 DOMContent 和加载事件(4.72 秒)之间存在延迟。已添加图片。

好像是JS处理的原因,我把它放在了页脚而不是头部。

我想知道如何分析这个延迟并堵住它。

【问题讨论】:

    标签: jquery performance load webpage


    【解决方案1】:

    我的 2 美分

    https://developers.google.com/chrome-developer-tools/docs/timeline

    DOMContentLoaded 和 Load 事件标记部分:

    https://developers.google.com/chrome-developer-tools/docs/timeline-images/image28.png 时间轴用一条蓝线和一条红线注释每个记录 分别指示 DOMContentLoaded 和 load 事件发生的时间 由浏览器发送。 DOMContentLoaded 事件在以下时间触发 页面的所有 DOM 内容都已加载并解析。负载 一旦文档的所有资源(图像和 CSS 文件等)已完全加载

    您应该将所有 javascript 文件合并到一个 javascript 文件中,并将所有 css 文件合并到一个 css 文件中。您还应该 gzip(压缩)您的文件。

    尝试gruntjs(基于nodejs)或Apache Ant(基于java)做一些自动大头钉(缩小、压缩、连接等)。存在其他自动任务软件。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-06-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-31
      • 2020-01-07
      • 2019-05-02
      相关资源
      最近更新 更多