加载CSS和JS后,浏览器解析时间较长

时间:2015-02-04 12:56:23

标签: javascript performance browser web-frontend

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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