Comment résoudre les problèmes de performance de rendu dans IE

Question

Notre application Web s'affiche rapidement dans certains navigateurs IE, lente dans d'autres ... Il semble s'agir d'un problème de rendu HTML ... Les 10 premiers% de la page s'affichent immédiatement, les 90% restants prenant jusqu'à 10 secondes, et c'est du contenu statique. J'ai couru avec firefox / yslow, rend très rapidement. Semble être isolé à certains utilisateurs / configurations de ie. Le mode Quirks ne semble pas faire la différence.

Existe-t-il un outil ou une application que je peux utiliser pour m'aider à découvrir un goulot d'étranglement lors du rendu? Est-ce que je fais quelque chose de grave dans mon code? Pourrait-il s'agir d'un problème javascript? Toute aide ou suggestion sera très appréciée. merci.

Answer 1

Utilisez Fiddler pour consulter les temps de chargement des images, des fichiers css, js, etc. En d'autres termes, la mise en cache pose-t-elle un problème? Javascript peut certainement causer des problèmes dans différentes versions du navigateur. Il existe de nombreuses optimisations dans certaines versions mais pas dans d'autres. Aussi, assurez-vous que votre HTML est bien formé xhtml si possible. La manière dont la page est arrangée peut également affecter la vie. Si votre arborescence de documents est profonde, il faudra peut-être attendre le rendu de grandes sections pour lire tous les nœuds enfants. Autre chose à noter, certaines barres d’outils et plugins envisagent le chargement et peuvent ralentir la vie. Un proxy HTTP peut vous aider à au moins voir ce qui se passe sur le réseau.

Je ne sais pas si ces idées pourraient vous aider à résoudre votre problème, mais elles peuvent aussi aider la vie en général.

Answer 2

S'il fonctionne rapidement dans FF ou dans Chrome, il s'agit certainement d'un problème lié à JavaScript. IE7 est TRÈS lent dans le traitement de grandes quantités de script et de HTML compliqué. Nous avions une page sharepoint qui nécessitait 10 secondes de rendu dans IE et moins d'une seconde dans FF et Chrome. Nous avons analysé la page en ajoutant un minuteur au traitement côté serveur et en envoyant la sortie au client via un Response.Write (). En faisant cela, nous pourrions déterminer l’heure du serveur pour traiter la page et celle du client pour restituer la page (puisque vous verriez les résultats de la minuterie à l’écran puis attendriez 10 secondes pour que le reste soit restitué). Le goulot d'étranglement était de 100% IE sur le client. Cela expliquait également pourquoi la vitesse était variable sur différentes machines, car la vitesse d'affichage de la page à la vitesse de la page du client était comprise entre 8 et 15 secondes.

Nous avons même demandé à MS d’examiner la question et ils ont confirmé que IE avait un "rendu riche". moteur qui est plus lent .... IE8 fonctionne beaucoup plus vite mais ce n'est pas une aide pour personne aujourd'hui.

Answer 3

Utilisez-vous des comportements dans votre CSS? J'ai vu des comportements amener une application à genoux si vous en utilisez trop et / ou s'ils affectent trop d'éléments. Recherchez les fichiers .htc qui se cachent.

Bien sûr, les comportements ne concernent que IE et ils utilisent JavaScript. Par conséquent, je suis sûr que différentes versions d'IE les gèrent de manière plus compétente que les autres.

Answer 4

Il existe un outil spécial pour de tels scénarios appelé dynaTrace, disponible gratuitement sur ce site: http://ajax.dynatrace.com/pages/ Cet outil pourrait vraiment vous aider, car il suit presque tout et est spécialement conçu pour les IE.

Answer 5

Recherchez les fuites de mémoire dans le script.

http://www.javascriptkit.com/javatutors/closuresleak/index.shtml

Answer 6

Steve Souders donne une excellente présentation sur 14 étapes (simples) pour améliorer les performances de vos pages Web:

http://developer.yahoo.net/blogs /theater/archives/2007/08/steve_souders_high_performance.html

Si le texte est suspendu au milieu de la page, la première chose que je voudrais personnellement faire est de garantir ou de déplacer tout mon code JavaScript est au bas de la page.

IE est un excellent interprète, en particulier avec JavaScript. Par conséquent, si vous le déplacez au bas de la page, IE peut afficher la page, puis puis poursuivre le traitement de JavaScript.

Answer 7

J'utilise HttpWatch pour résoudre les problèmes liés aux ressources liées (images, script, css), au réseau ou à HTTP dans IE. Il y a un gratuit & amp; version payante. Gratuit, c'est bien, mais vous perdez certaines fonctionnalités intéressantes.