13 règles pour accélérer son site web

Yahoo nous propose sur cette page 13 règles pour optimiser et accélérer l'affichage de son site.

En résumé et en français :

  1. Minimiser le nombre de requêtes HTTP
  2. Utiliser un réseau de diffusion de contenu ("Content Delivery Network")
  3. Configurer un en-tête d'expiration pour tous les composants images, scripts et styles
  4. Utiliser la compression Gzip
  5. Placer les styles CSS dans la partie head de la page
  6. Placer les scripts en bas de page
  7. Eviter les expressions javascript dans les feuilles de styles
  8. Utiliser des fichiers externes pour les scripts et les styles CSS
  9. Réduire le nombre de résolutions DNS
  10. Compresser le code Javascript (avec des outils comme JSMin)
  11. Eviter les redirections
  12. Retirer les scripts en double (visiblement ça arrive souvent quand on travaille en équipe...)
  13. Configurer correctement les "entity tags" si besoin

Chaque règle est très bien expliquée et documentée, et Yahoo nous fournit même une extension pour Firebug permettant d'analyser la page en cours vis-à-vis de chacune de ces règles.

Sloppy, le simulateur de modem 56k

Sloppy est un petit logiciel bien pratique, puisqu'il permet de simuler une bande passante réduite. Ça permet par exemple de tester son site en local, dans son navigateur habituel, à la vitesse d'une connexion 56k ou autre (les choix vont de 9,6 à 512k).

C'est particulièrement utile pour un site flash avec beaucoup de chargements asynchrones, cela permet de vérifier que ceux-ci se font correctement dans un environnement "réel", contrairement au mode "Simuler le téléchargement" disponible dans Flash.

Sloppy est une application Java, disponible donc sur Windows, Mac OS X et Linux.

Sloppy

Le rendu des polices sous Mac et PC

Un article très intéressant qui explique les philosophies bien distinctes que suivent Apple et Microsoft sur la manière d'afficher et de lisser les polices sur nos écrans.

En resumé, Apple respecte au mieux la forme de la police, mais en donnant alors une impression de flou, alors que Microsoft, avec sa technologie ClearType, obtient un rendu plus net mais en déformant si besoin la fonte originale.

Pourquoi ai-je un rendu différent entre Firefox Windows et Firefox Mac ?

Safari sous Windows (suite et fin)

C'est chose faite :)

Attention, Webkit est également à jour, on passe à la version 522.10.1

Edit : Pour info, sous Mac, la beta remplace la version actuelle (mais on peut la désinstaller pour retrouver Safari 2)

Edit 2 : D'après les premiers échos, ça bug pas mal sous Windows encore

Firebug sans Firefox

Utiliser la console de Firebug sur tous les navigateurs c'est possible grâce à Firebug Lite, la version allegée de Firebug. Ça se présente sous la forme d'un fichier javascript à inclure, puis la console s'affiche en appuyant sur F12 (Ctrl+F12 sous Mac, sinon ça lance Dashboard...)

Firebug Lite

Red5 : installation sous Mac OS X

Apple Mail et Outlook

Si toi aussi tu utilises Apple Mail et que tes correspondants sous Outlook reçoivent des caractères chinois à la place des accents, ce n'est pas un complot du FBI chinois, juste un bug d'Outlook. La solution se trouve ici.

- page 3 de 6 -