Débogage de sites Web dans Internet Explorer

Question

Mon site Web est vraiment lent et "se sent". vraiment mauvais quand on l'utilise. Le serveur est correct, c’est une question liée au client, je suppose, car trop de JavaScript ou de requêtes d’image, mais comme ce n’est pas mon site Web, je me demande s’il est possible de montrer et de profiler la page depuis IE.

Dans Firefox, j'utilisais Firebug, Y! Slow et l'extension Web Developer pour voir tous les scripts JavaScript, CSS, images et autres requêtes, requêtes AJAX, etc., mais je ne voyais aucun problème sous IE. Je sais que je pourrais utiliser Firefox, mais la page fonctionne mieux dans FF que dans IE, alors je me demande s’il existe un module de développement spécifique à IE.

Modifier: Merci pour les nombreuses suggestions! Trop de bonnes réponses pour en choisir une comme "acceptée", mais je jetterai un coup d'œil aux divers outils proposés.

Answer 1

Il existe la barre d'outils pour les développeurs Web d'Internet Explorer . Ce n'est pas aussi bon que Firebug IMHO, mais ça marche.

IE8 sera également livré avec un logiciel intégré.

Answer 2

Fiddler vous aide à voir l’activité Internet. Il affiche un journal de tous les messages de requête / réponse via la pile réseau.

Answer 3

Il existe une version lite de Firebug qui fonctionnera avec IE et d'autres navigateurs. Avez-vous essayé ça?

Answer 4

Essayez Fiddler ! Il s'agit d'un proxy de débogage HTTP gratuit, qui fournit notamment des informations sur le chargement de votre site, sur ce qui peut le ralentir, etc. Il comporte des fonctionnalités avancées telles que le décodage des ressources compressées, la fourniture de réponses prédéfinies pour certaines URL, etc. Apprendre Fiddler est un must pour tout développeur web.

Answer 5

Je suggérerais également deux outils pour découvrir les fuites de mémoire JavaScript :

• SIEve
• Détecteur de fuite de mémoire Microsoft JavaScript

Answer 6

J'utilise Aide au développement Web récemment. Il enregistre HTTP mieux que Firebug. Vous permet également d'utiliser du code Javascript arbitraire.

Answer 7

Il existe une bibliothèque JS appelée Firebug Light, vous devez l'inclure dans votre site. Cela vous permet de faire apparaître une div dans laquelle vous pouvez cracher du texte, comme dans firebug, avec les mêmes instructions que vous le faites dans firebug. MochiKit a quelque chose comme ça aussi.

Answer 8

Ceci n'est pas un profileur ni un plugin, mais vous pouvez constater que Quirksmode peut vous aider à résoudre certains des problèmes liés à Internet Explorer une fois que vous les avez trouvés.

Answer 9

Avez-vous exécuté des moniteurs de performances côté client pour voir ce qui se passe, par exemple. existe-t-il un ensemble d’échanges de mémoire qui ralentit les choses ou est-ce tout le trafic réseau qui pose problème?

Une autre idée à prendre en compte est de savoir s'il existe ou non des journaux de serveur pouvant vous aider à visualiser l'heure des requêtes s'il y a un grand nombre de fichiers à charger, ainsi que du code Javascript pour initialiser des éléments.

Answer 10

En utilisant un renifleur de réseau tel que Wireshark ou un proxy, vous pouvez surveiller le trafic et voir s’il s’agit du chargement d’images et / ou de scripts qui ralentissent votre site. Si vous n'êtes pas sûr, désactivez ou commentez vos javascripts pour exclure que le traitement de ceux-ci ralentisse.

Si vous ne voyez aucune indication d'un ralentissement dans le trafic réseau - vous devrez alors analyser le code javascript de manière plus approfondie - peut-être en insérant des minuteries ou d'autres mesures pour voir quelles sont les parties qui pourraient l'être. être optimisé.

Answer 11

J'utilise HTTPWatch . Il fournit toutes les informations telles que Firefox LiveHeaders, mais de manière beaucoup plus utile. C'est également un excellent outil pour déterminer si du contenu bloque les opérations de téléchargement de contenu supplémentaire pour une page.

Answer 12

vous pouvez essayer les barres de débogage et companionJS de la même société http://www.debugbar.com/ et ils sont gratuits et assez similaires au concept Firebug mais pas aussi développé

Answer 13

HttpWatch est également assez étonnant car les plugins IE disparaissent.