0

我正在尝试减少我正在处理的项目的页面加载时间。起初,我正在与之合作的团队尝试优化 Apache/Symfony2/Postge,但最后在 Chrome 的开发工具的网络面板中,我在加载所有 css 和 js 文件后发现了一个很大的“差距”。删除脚本文件后,“间隙”消失了。如果我只留下 jquery.min.js(没有加载其他库或脚本)页面仍然加载 aprox。1.5 秒。

开发人员工具没有说明在此期间会发生什么。我认为这可能是浏览器解析和解释 CSS 和 JS 但我需要减少 DOMContentLoaded 时间。有什么建议么?

这是我的第一篇文章,我需要 10 个声望来发布图片,所以我上传了我在这里谈论的截图:

http://tinypic.com/m/imqw0n/1

PS:屏幕截图是在“普通”PC上拍摄的。在我的个人笔记本电脑(AsusG750JZ,8 核 CPU,16Gb RAM,nVIDA 880m)上进行的相同测试显示了截然不同的结果——加载时间约为 1.5 秒而不是 5.2 秒。不幸的是,我不能让每个人都在高端使用网络应用程序;)

PS2: JS 的异步加载不是一个选项。我试过 RequireJS 但我不喜欢结果。由于所有脚本依赖性,它很笨拙。

4

1 回答 1

0

在 DevTools 中,转到“时间轴”选项卡。https://developer.chrome.com/devtools/docs/timeline

于 2015-02-04T19:30:37.687 回答