【问题标题】:Large browser parsing time after loading CSS's and JS's加载 CSS 和 JS 后浏览器解析时间过长
【发布时间】:2015-02-04 12:56:23
【问题描述】:

我正在尝试减少我正在处理的项目的页面加载时间。起初,我正在与之合作的团队尝试优化 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 秒。不幸的是,我不能让每个人都使用高端的网络应用程序;)

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

【问题讨论】:

  • 您的页面中有视频吗?像youtube或其他的东西?根据我的经验,这可能会导致等待时间过长
  • 不,它是一个管理应用程序,即使在登录屏幕上也会出现这种漫长的等待。

标签: javascript performance browser web-frontend


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-15
    • 2012-11-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-02
    相关资源
    最近更新 更多