【发布时间】:2015-02-04 12:56:23
【问题描述】:
我正在尝试减少我正在处理的项目的页面加载时间。起初,我正在与之合作的团队尝试优化 Apache/Symfony2/Postge,但最后在 Chrome 的开发工具的网络面板中,我在加载所有 css 和 js 文件后发现了一个很大的“差距”。删除脚本文件后,“间隙”消失了。如果我只留下 jquery.min.js(没有加载其他库或脚本)页面仍然加载 aprox。 1.5 秒。
开发者工具并未说明在此期间会发生什么。我认为这可能是浏览器解析和解释 CSS 和 JS 但我需要减少 DOMContentLoaded 时间。有什么建议吗?
这是我的第一篇文章,我需要 10 个声望才能发布图片,所以我上传了我在这里谈论的截图:
P.S.:屏幕截图是在“普通”PC 上拍摄的。在我的个人笔记本电脑(AsusG750JZ,8 核 CPU,16Gb RAM,nVIDA 880m)上进行的相同测试显示了截然不同的结果——加载时间约为 1.5 秒而不是 5.2 秒。不幸的是,我不能让每个人都使用高端的网络应用程序;)
P.S.2: JS 的异步加载不是一个选项。我试过 RequireJS 但我不喜欢结果。由于所有脚本依赖,它很笨拙。
【问题讨论】:
-
您的页面中有视频吗?像youtube或其他的东西?根据我的经验,这可能会导致等待时间过长
-
不,它是一个管理应用程序,即使在登录屏幕上也会出现这种漫长的等待。
标签: javascript performance browser web-frontend