Application Initialization - Timeout

Question

I ran into a performance issue. In fact, the application itself responds very well when it loads, but my problem is more like when I reboot F5 (and restart the application) and then see a strange downtime that kills the application load time.

When starting the application:

• I make several requests to my web server: it takes 500 ms - 700 ms
• I submit the requested data
• I have a translation for each text (which generates a lot of observers)
• I use angular translators for this. If you have a better internationalization solution;)

When the application is running, I have 1200 observers. I tried to remove ALL translation and has about 700 observers, but I do not see a difference in behavior.

• I have loaded about 25 modules, 18 - to run the application.

Well, let me sort this out, here is the chrome chronology that represents my problem. I introduced 2 different ones.

Any idea why I have these IDLE times?

Any idea on how I can investigate more the root cause of this problem?

Edit: Information 06/09/2015

• all my JS code is in appcache, so all my code is loaded by app first init, and then into the cache. I added all / lib / js / fonts / img providers to appcache, etc.

• there are 5 or 6 requests during this time, which are mainly performed in the first block. This is a private application for corporation corner applications.

• of these requests we granted user rights and launched the application
• We tried to remove all HTML generations from the application and save only JS to see if the blocking point was rendering, no effects
• we tried to remove angular -translate, which generates a lot of observers to translate "on the go", without effects

Thanks for the support,

Answer 1

You tried to use one-time binding for parts that you want to show read-only without editing, for example. dynamically generated tables / lists?

Hi {{:: name}}!

further here