Ce qui peut être fait pour améliorer IE11 comportement Angulaire du Matériel?
Je suis en train de travailler sur un Angulaire du projet dans lequel j'ai utilisé Angulaire composants Matériels (principalement md-Boutons). L'application affiche les différents carreaux de md-Bouton. À un moment je vais probablement avoir de 20 à 30 tuiles max. Ces tuiles sont répétées à l'aide de ng-repeat
.
L'application fonctionne assez bon sur Chrome, mais sur IE11, je suis confronté à un problème de rendu régulièrement. Le rendu prend environ 5-6 secondes. Le basculement de tuiles écran fonctionne mal. Le défilement de l'écran conduit à l'composants de la colle et puis en se déplaçant à dire après 1 sec.
Probablement je suppose Angulaire de la matière est trop lourd pour IE11. Est-il quelque chose que je peux faire pour accélérer les choses sur IE11 que c'est ma cible principale du navigateur?
J'ai essayé:
- Angulaire de la mise à jour des bibliothèques.
- À l'aide de MS052 patch
- Retrait de quelques transitions Angulaires Matériel css.
Aucun ne semble pas avoir beaucoup d'effet.
Je pense Angulaire du matériel est une bonne bibliothèque et il doit y avoir quelque chose qui peut être fait pour améliorer son travail dans IE11. Svp quelqu'un peut-il suggérer quelque chose d'efficace?
Vous devez vous connecter pour publier un commentaire.
Nous travaillons également sur angulaire du projet et nous sommes face à la performance des problèmes avec Internet Explorer 11.
J'ai trouvé ce bug sur github qui m'a aidé :
https://github.com/angular/material/issues/1771
Solution:
Dans la dernière version 0.11.1 ils ont travaillé sur la mise en page des problèmes d'affichage pour Internet Explorer donc je viens de mettre à jour angulaire de matériel pour v0.11.1 et a ajouté cette ligne à mon angulaire config fichier JavaScript :
La performance améliorée pour Internet Explorer 11.
J'ai trouvé que l'emballage de tous mes js dans IIFEs et l'ajout de "use strict;" partout où c'est approprié, l'amélioration de la performance de mon Angulaire du Matériel d'application considérablement. C'est encore plus lent que Chrome sur IE, mais la performance n'est pas acceptable.
Problème est avec les CSS.
Utiliser clean-css MNP module pour le rendre compatible IE CSS
exécuter le code ci-dessous dans runkit.com et obtenir IE optimiser CSS
Pour Plus d'infos, voir option de compatibilité de clean-css
https://runkit.com/npm/clean-css-pre-2.1.0