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

Question

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

启动我的应用时:

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

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

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

好吧,让我们深入研究这个问题,这是一个代表我的问题的chrome时间轴.我提出了两个不同的.

知道为什么我有那些空闲时光吗？

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

编辑:信息09/06/2015

• 所有我的JS代码都在appcache中,因此,我的所有代码都在应用程序的第一个init加载,然后加载到缓存中.我已经添加到appcache所有供应商/ lib/js/fonts/img等...

• 在那段时间内,有5或6个请求主要进入第一个块.这是一个公司私人angularJS应用程序

• 从这些请求中,我们授予用户权限并初始化应用程序
• 我们试图从应用程序中删除所有HTML生成,并只保留JS以查看阻塞点是否为渲染,没有效果
• 我们试图删除angular-translate,这会产生很多观察者的"随时随地"翻译,没有任何影响

感谢支持,

Answer 1

您是否尝试过对只想显示以供阅读而不是编辑的部分（例如动态生成的表格/列表）使用一次性绑定？

你好{{::name}}！

更多这里