Accueil arrow Blog arrow Internet Explorer 7, optimisation et compression.
Internet Explorer 7, optimisation et compression. Convertir en PDF Version imprimable Suggérer par mail
Écrit par Sylvain BRUAS   
08-06-2008
Dernière mise à jour : ( 08-06-2008 )
 

Bonjour,

Une amie m'a fait remarqué que mon site ne fonctionnait plus sous IE7 (Internet Explorer 7). Après quelques investigations (redirection en utilisant sh404sef, ...) j'ai enfin trouvé la source du problème.

J'ai lu il y a quelques temps un article sur la prise de poids des pages web (flash, images, css, widgets ...) et voyant la taille de ma page d'accueil (500Ko, 72 images et autres scripts) j'ai décidé d'améliorer tout ca :

  1. monotoring et benchmark : je me suis inscrit sur woozweb pour voir l'évolution de la taille et du temps de chargement de ma page (temps de chargement 8s)
  2. réduction et optimisation : j'ai enlevé des images et widgets non utiles => 300 Ko, 6s de chargement
  3. compression : en surfant j'ai vu php_speedy qui permet d'optimiser en compressant les css, la page et je javascript.
    j'ai mis en place la compression sur ces 3 éléments => 260Ko, moins de requètes http (10 fichiers css/javascript -> 2 fichiers), temps de réponse 2,2s)
    le temps de reponse n'est pas top mais bon ... la pas le temps de regarder plus pour le moment.
  4. vérification : comme je pense pas mal de personnes qui bossent dans le web j'ai fait tous mes tests sur mon navigateur préferé (firefox dans mon cas), donc il est temps de vérifier sur d'autres navigateurs (safari, opera, et biensûr les terribles internet explorer)
    Et la arrive la première erreur, j'ai verifier tous les navigateurs SAUF IE7 ... est-ce un message msn ou mon lapin qui m'a fait pensé à autre chose, je suis passé à coté.


Tout cela pour en venir à ce problème de connexion. Il faut savoir que IE7 ne gère pas bien du tout les pages compressées. Il affiche que le site est indisponible.
Le seul moyen de résoudre ce problème est de fournir la page HTML en sans compression.

Etant chez 1&1 en mutualisé j'ai pas accès au fichier conf d'apache pour regler ce problème assez finement. j'ai donc décidé de ne pas compresser ma page. Mon site est donc maintenant revenu sur IE7, et j'ai eu l'agréable surprise de voir aussi mon temps de réponse être réduit par 2 (un peu moins d'une seconde)

Pour résumer mes conseils :

  • faire une page d'accueil légère pour qu'elle arrive le plus rapidement possible
  • ne pas mettre trop d'éléments multimédia sur vos pages
  • compressez et mettez en cache vos css et javascript
  • ne pas compresser le code html
  • tester sur tous les navigateurs et les versions principales d'IE


@ très bientôt

   
Citer cet article dans votre site web
Favorisés
Tag vers del.icio.us

Tags : Sylvain, BRUAS, Sylvain BRUAS, site, Internet Explorer, compression, HTML, css, javascript, optimisation, taille, page d'accueil, Internet Explorer 7, IE7, site pas disponible, pas disponible, 404, Blog, Rss, widget et web 2.0, Internet Explorer 7, optimisation et compression.


Commentaires utilisateurs  Fil RSS des commentaires
 

Evaluation utilisateurs

   (0 vote)

 

Affiche 3 de 3 commentaires

Commentaires en langue: Français (3), English (0)

YSlow (Why is it slow ?)

Ecrit par: Patrice le 29-07-2008 06:15

La clé de l'optimisation de pages c'est YSlow, l'extension Firebug pour Firefox, qui donne un diagnostic et des recommandations, ainsi que le bouquin "High performance web sites" chez OReilly

 

» Signaler ce commentaire à l'administrateur

» Répondre à ce commentaire

Ou alors...

Ecrit par: Metal3d le 10-06-2008 07:48

... tu installes Copix puisqu'il compresse avec gzhandler :) 
 
Sans rire, tu pourrais peut-être expliquer comment tu as mis tes optims et pourquoi "ne pas compresser les pages HTML" puisque tu peux le faire pour certains navigateurs. Par exemple (voir mon blog) en utilisant le module deflate de Apache, je filtre les navigateurs...  
 
Manque des précisions là hein

 

» Signaler ce commentaire à l'administrateur

» Répondre à ce commentaire

Passe à Wordpress

Ecrit par: Olivier Galluchot le 10-06-2008 06:27

La solution est pourtant simple: passe sous wordpress :)

 

» Signaler ce commentaire à l'administrateur

» Répondre à ce commentaire

» Voir les 3 réponse(s)

Affiche 3 de 3 commentaires



Ajouter votre commentaire
Nom
E-mail
Titre  
Commentaire
 
Caractères restant: 600
   m'avertir par mail si ce commentaire est suivi
  Veuillez répondre à la question:
DYE         4PB      
R      4    9 8   5T2
JUC   WAY   OE8      
  I    T    X K   T7M
FFW         XRU      
   
   

< Précédent   Suivant >