Scrolling et Resize saccadé sous Internet Explorer 7

11 novembre 2009 par: Benoit Bonneville

Charge Cpu Importante, Ram Stable, mais IE7 Rame.
IE-7 à des performances mauvaises de rendu d’affichage en cas de répétition d’une petite image sur une très large surface.

Probleme

Internet Explorer 7, utilise beaucoup de charge CPU (processeur) quand vous redimensionnez la fenêtre de votre navigateur, ou quand vous utilisez la barre de scrolling (défilement).
Votre ordinateur rame et l’affichage d’internet explorer 7 est saccadé sur la page en question.

Explication

Vous utilisez certainement des images de 1 pixel de large en image de fond avec la propriété de repeat-x.
Vous coloriez le fond d’éléments dont la largeur est tres importante. Par exemple des balises « div » avec une largeur de 100% directement dans la balise body. (soit toute la largeur du navigateur)

Ce bug n’est plus présent sous IE8 ni chez aucun concurrent (Firefox, Safari, Opéra , Chrome).

Solution

Utilisez des images de background plus large pour les grandes surfaces.
Si vous utilisez du PNG par exemple, la taille de l’image n’affectera pas trop la taille du fichier grâce à la compression.

Attention à ne pas utiliser trop de grande images, les navigateurs stocke dans la ram de votre ordinateur l’image décompressée.

Filed under: Développement

Répondre