William's BlogDéveloppeur web indépendant, étudiant et passionné !

Il y a quelques jours je retraçais mes premiers pas dans l'optimisation de mon site dans cet article http://www.willdurand.fr/posts/32/combo-handler-optimiser-le-nombre-de-requetes-http-pour-les-fichiers-css-et-javascript.html, reprenant essentiellement les best practices Yahoo. Les optimisations ont lieu sur la partie frontend d'un site, c'est-à-dire tout ce qui se charge derrière l'exécution du code (PHP en l'occurence) et que l'on nomme backend.

Je me suis documenté sur le sujet et j'ai découvert d'autres techniques. Des techniques qui poussent l'optimisation plus finement, d'autres qui nécessitent de se poser les bonnes questions.

J'évoquerai ici les techniques découvertes et mises en place sur ce site.

[Une nouvelle présentation très complète a été ajoutée le 27/06/09]

Après avoir regardé une excellente conférence d'Eric Daspet sur l'amélioration des performances d'un site web j'ai appliqué les conseils et bonnes pratiques (Yahoo notamment) sur mon propre site. Résultat assez satisfaisant mais encore perfectible, je suis en grade B ou A si je désactive les appels FeedBurner et Twitter (très longs).

Pour commencer, j'ai passé un coup de smush.it sur mes images qui étaient déjà bien optimisées. Puis j'ai configuré mon cache Apache et les temps d'expiration. J'ai déporté le JavaScript qui n'était pas déjà en bas de page. J'ai configuré les ETags et activé la compression gzip. Pas de minimisation des CSS et JavaScripts, pas de gain de temps grâce à ce que vais présenter ensuite. Puis pour terminer j'ai commencé à optimiser le nombre de requêtes HTTP.

Pour cela j'ai appliqué la technique du combo handler de Yahoo.

[Ajout d'un complément graphique et d'un conclusion le 23/06/2009]