angularjs – 应用初始化 – 空闲时间巨大

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

启动我的应用时：

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

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

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

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

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

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

编辑：信息09/06/2015

>我的所有JS代码都在appcache中,因此,我的所有代码都被加载到了
app首先是init,然后进入缓存.我已将所有内容添加到appcache中
vendors / lib / js / fonts / img等……
>在那段时间内有5或6个主要完成的请求
第一个街区.这是一个公司私人angularJS应用程序
>根据这些请求,我们授予用户权限并初始化应用程序
>我们试图从应用程序中删除所有HTML生成,并仅保留JS以查看阻塞点是否为渲染,否
效果
>我们试图删除angular-translate,这会产生很多观察者的“随时随地”翻译,没有任何影响

感谢支持,

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

你好{{:: name}}！

更多here

原文地址：https://www.jb51.cc/angularjs/141148.html