【发布时间】:2013-07-07 19:36:54
【问题描述】:
我正在尝试改进我的站点响应时间,但发现在最后一次文件加载(3.11 秒)与触发 DOMContent 和加载事件(4.72 秒)之间存在延迟。已添加图片。
好像是JS处理的原因,我把它放在了页脚而不是头部。
我想知道如何分析这个延迟并堵住它。
【问题讨论】:
标签: jquery performance load webpage
我正在尝试改进我的站点响应时间,但发现在最后一次文件加载(3.11 秒)与触发 DOMContent 和加载事件(4.72 秒)之间存在延迟。已添加图片。
好像是JS处理的原因,我把它放在了页脚而不是头部。
我想知道如何分析这个延迟并堵住它。
【问题讨论】:
标签: jquery performance load webpage
我的 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)做一些自动大头钉(缩小、压缩、连接等)。存在其他自动任务软件。
【讨论】: