应用程序初始化 - 空闲时间巨大

时间:2015-06-06 12:30:16

标签: angularjs performance

我正面临一些性能问题。 事实上,应用程序本身在加载时反应非常好,但我的问题更像是当我执行F5(并且再次重新加载应用程序)时,然后我看到一些奇怪的空闲时间正在扼杀我的应用程序加载时间。

启动我的应用时:

  • 我对我的网络服务器进行了一些查询:大约需要500毫秒 - 700毫秒
  • 我提出了所要求的数据
  • 我对每个文本都有一些翻译(产生了很多观察者)
  • 我使用angular-translate。如果你有更好的国际化解决方案;)

当应用程序启动时,我有1200名观察者。我尝试删除所有翻译,并有大约700名观察者,但没有看到任何行为上的差异。

  • 我加载了大约25个模块,18个是运行应用程序必须的

好吧,让我们深入研究这个问题,这是一个代表我的问题的chrome时间线。 我提出了两个不同的。 IDLE Long_1 - Chrome Timeline IDLE Long_2 - Chrome Timeline

知道为什么我有这些空闲时光吗?

关于如何更深入地调查该问题的根本原因的任何想法?

编辑:资讯09/06/2015

  • 我的所有JS代码都在appcache中,因此,我的所有代码都被加载了 app首先是init,然后进入缓存。我已将所有内容添加到appcache中 vendors / lib / js / fonts / img等......

  • 在此期间有5或6个主要完成的请求 第一个街区。这是一家公司私人angularJS app

  • 从这些请求中,我们授予用户权限并初始化应用程序
  • 我们尝试从应用程序中删除所有HTML生成,并仅保留JS以查看阻塞点是否为渲染,否 效果
  • 我们试图删除angular-translate,它会为“on the go”翻译产生很多观察者,没有效果

感谢支持,

1 个答案:

答案 0 :(得分:0)

您是否尝试过对您只想显示的部分使用一次性装订,而不是编辑,例如动态生成的表/列表?

Hello {{:: name}}!

更多here