We have an application developed using followings: 1. AngularJS 1.2.17 2. jQuery 1.10.2 3. Freedom 2.0 4. WebAPI
We are using *ngGrid *to display data and *ngAnimate *for animations. Our application is running in IE10/Chrome/Firefox without any performance issue. But its *very slow* in loading a page in *IE11/EDGE* in following scenario- There is a dropdown having three options and each option loads a new view (see the images below). In IE11 and EDGE it takes *20-30 seconds* to load the new view. But in IE10/Chrome/Firefox it takes 1-2 seconds. *Screenshot:* Dropdown <https://lh3.googleusercontent.com/-TwWX5S7Ig24/Vd6EboU7aRI/AAAAAAAACQU/yCnEek3LY2I/s1600/Dropdown.JPG> *Screenshot:* The new view loaded when an item is selected from the dropdown <https://lh3.googleusercontent.com/-lmPPmLZacvk/Vd6EjB6sDLI/AAAAAAAACQc/U6jhkHS3t58/s1600/View.JPG> The view has date controls and a simple text box. For date controls we are using *"ui-select2"* directive https://github.com/angular-ui/ui-select2 . Which is using *ng-repeat* to populate the Months/Days/Years. <select ui-select2="{minimumResultsForSearch: -1}" class="adcSelect adcSelectDayWidth" ng-model="day" data-placeholder="DD" ng-change="monthYearChanged()"> <option value=""></option> <option ng-repeat="d in days" ng-value="d">{{d}}</option>--> </select> There is a ng-grid on the page which is initially hidden (using ng-show) as there is no data to display. The data is fecthed from server only when user clicks search. *IE 11 Profile:* <https://lh3.googleusercontent.com/-tMNi2iVw4Z4/Vd6Eu3b7ogI/AAAAAAAACQk/4IqpeITh27A/s1600/IE11_Slowness_Profile.png> What I tried to improve the performance (*still have performance issue*) - 1. I have followed the solution proposed in https://github.com/angular/angular.js/issues/12076 to populate the date dropdowns instead of using *ng-repeat*. 2. Also I removed the "*closeAnimation*" call from "*performAnimation*" method of angular-animate.js because during my investigation I found it taking more time and I saw a comment in the "performAnimation" mention which says that "*closeAnimation*" call is required for IE8 + IE9 only, our application doesn't support IE8 and IE9. We are still analizing the impact of removing "closeAnimation". After these 2 changes the new view is taking *10 seconds* to load. Which is not acceptable. Has anyone run into this before? Any thoughts ? -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
