Votre site Web s'affiche plus lentement qu'une page Minitel ? Gagner des secondes en moins d'1 heure

L'optimisation technique d'un site Internet est bien plus complexe qu'il n'y parait de prime abord. Heureusement, l'équipe technique de Yahoo! a mis au point un outil qui facilite grandement l'optimisation basique d'un site Web en 13 points ; bien suffisant dans la plus part des cas.

Les 3 axes d'optimisations

• le frontend qui assure l'interaction homme-machine ; ce rôle est dédié au serveur Web et au CMS
• le backend qui porte l'intelligence de l'application ; on trouve ici le serveur d'application et la base de données
• le socle technique qui héberge les frontend et les backend ; cette catégorie regroupe l'OS et le hardware.

En 2007, Yahoo! mesure que 80% du temps de réponse est dépensé sur les frontend. L'optimisation de ceux-ci devient prioritaire par rapport aux backend.
La loi de Pareto s'applique totalement sur les axes efficacités/efforts : 20% de l'effort global sera suffisant pour cette optimisation.

Les 13 règles de Yahoo!

1. Diminuer le nombre de requêtes HTTP
2. Utiliser un CDN (Content Delivery Network) comme Akamaï pour approcher le contenu de l'internaute, nécessaire pour les pure player Internet qui vivent de l'audience de masse
3. Ajouter des dates d'expiration dans les headers HTTP pour profiter du cache des navigateurs
4. Compresser les contenus texte, permet de diviser par 10 la bande passante nécessaire
5. Déplacer les CSS au plus haut de la page pour un rendu progressif user-friendly
6. Déplacer les JavaScripts en bas de page pour ne pas bloquer ni le rendu, ni la parallélisation du téléchargement
7. Éviter les expressions dans les CSS très gourmandes en ressources de part l'interception des actions de l'internaute
8. Externaliser les JavaScript et CSS pour pouvoir paralléliser leur téléchargement, les cacher et les compresser
9. Réduire les DNS Lookups
10. Minify les JS et les CSS : suppression des commentaires et de la mise en forme ; permet de réduire d'environ 20% la taille du fichier
11. Éviter les Redirects
12. Supprimer les scripts en double
13. Supprimer les ETags dans les headers HTTP sur les fermes de serveurs

Yahoo! diffuse gratuitement un outil de mesure de qualité basé sur ces règles : YSlow
Cet outil s'intègre sous forme d'extension au plugin Firebug de Firefox.