ie11: Terrible performance, but not with LumX #1771
Description
Overview
We have an application we're trying to release to production using Angular Material, but cannot get it to perform in IE10/11. After a lot of struggling (is Angular the problem? Is this, that, or the other dependecy a problem?), we've found that Angular Material framework is simply slow in IE. In comparison, LumX (a different Material Design + Angular framework) works fine in IE10/11.
Plnkr Demo of the Problem
To demonstrate the problem, I implemented a simple page with a Toolbar and list of Items in both Angular Material and LumX. They both perform equally well in Chrome, but ng-material is much slower in IE.
Performance Comparison
To test performance, I did the following:
- Entered
900in input box and submit (clickAdd Peopleor hit Enter key) - Visually stop-watch the time from submission to the
(xxxx)number updating
| Plnkr | Chrome | IE11 |
|---|---|---|
| ng-material demo | ~1s | ~8s |
| lumx demo | <1s | ~1s |
Versions Used
Laptop: Win7 64-bit, 16gb RAM, Core i7
Chrome version: Version 40.0.2214.115 m
IE11 version: 11.0.9600.17633
While I'd prefer to use Angular Material going forward, this performance difference in IE10/11 is a deal breaker for our product. Any help or insight into this issue is much appreciated!
PS: I've also noticed in IE that when the ng-material demo page regains focus (e.g. click a different window then click back in), the page seems stuck and it often takes a while to scroll.