Dans quelles circonstances la performance Javascript serait-elle pire dans IE8 que IE7?

Question

Je travaille pour une entreprise qui a construit des tableaux de sièges interactifs en utilisant Javascript. Voici un exemple: http://seatgeek.com/event/show/457624/miami-dolphins-at-new-york-jets-2010-12-12/. À bien des égards, ils imitent la fonctionnalité de Google Maps.

Nous avons affaire à un problème étrange - les performances pour les cartes sont très bien dans tous les navigateurs sauf IE8. J'inclus IE6 et IE7 dans la catégorie "tous les navigateurs". Nous voyons des performances JS nettement moins bonnes dans IE8. Lorsque vous essayez de faire glisser la carte dans IE8, il se bloque un peu et il y a un décalage notable. Mais ce n'est pas un problème dans IE6 ou IE7.

Nous avons isolé que le problème est lié aux marqueurs sur la carte. C'est beaucoup plus fréquent lorsque vous zoomez et qu'il y a plus de marqueurs affichés.

Nous avons effectué une analyse comparative en utilisant dynaTrace et il semble que le retard ne soit pas causé par le traitement JS, en soi, mais plutôt par ce que dynaTrace appelle le "rendu". Il semble surprenant que la nouvelle version d'IE aurait un rendu pire.

Answer 1

Avez-vous exécuté le script Profiler dans les outils de développement IE8? Il vous dira exactement combien de temps est consacré à chaque fonction.

Voir: http://blogs.msdn.com/b/ie/archive/2008/09/11/introducing-the-ie8-developer-tools-jscript-profiler.aspx

Answer 2

IE8 rend PNGs différemment. Essayez de les remplacer par une image stub gif et voyez ce qui se passe. De plus, votre site est super lent: les images ne sont pas préchargées et il y en a une tonne. Ce type de rendu pourrait facilement être fait par raphaeljs sans utiliser d'images (les originaux sont probablement des vecteurs - les exporter en tant que chemins et rendre avec raphael).

De plus, vous avez totalement bousillé la compression: vous n'avez pas besoin de la couche alpha et l'utilisation d'une palette est beaucoup mieux dans votre cas.