Guillaume Bérubé triathlon, marketing, animaux, bières et divagations

Comment rendre son site Web plus rapide

Dans un billet précédent, je disais pourquoi il est important de rendre son site Web plus rapide. Maintenant, je vais aborder comment rendre son site Web plus rapide.

La première étape est d’effectuer une analyse pour trouver les facteurs qui affectent la vitesse de notre site.

Des outils tels que Yahoo YSlow et Page Speed peuvent facilement s’installer à votre navigateur Firefox ou Chrome et permettront de rapidement identifier les éléments à corriger sur votre site. Dans le cas où vous n’êtes familier ou à l’aise à installer des add-on pour votre navigateur,  le site Webpagetest montre les éléments à améliorer pour rendre votre site Web plus rapide et le site GT Metrix permet de visionner les recommandations de de Yahoo Yslow et Page Speed simultanément.

Les actions qui permettent d’améliorer la vitesse de son site Web sont entre autres :

• Compresser, minimiser et combiner les fichier CSS et les fichiers Javascript
• Activer la cache pour vos fichiers
• Optimiser l’emplacement de vos feuilles de style et de vos scripts
• Utiliser un serveur de distribution de contenu (CDN)
• Optimiser la taille de vos images

Pour la plupart de ces actions, le commun des mortels doit aller voir un développeur et lui demander son aide afin de faire les améliorations.

Toutefois, une de ces actions peut être corrigée par n’importe qui, ayant ou pas des connaissances en programmation. C’est d’ailleurs tous les acteurs (ou juste la personne) touchant au site web qui devrait être concerné et qui devrait s’assurer que les images du site Web soient optimisées pour rendre son site Web plus rapide.

Si je prends en exemple le site de mon club de Triathlon, Les Chickens, le site Web obtient un assez bon résultat avec une note de A par Page Speed et une note de C par YSlow.

Plusieurs facteurs influencent cette note, mais en regardant la ligne du temps de la durée de téléchargement de la page, on y constate que quelques images ralentissent énormément le temps de téléchargement total de la page. On y trouve deux images de plus de 3 MB et 4 autres images près de 100KM pour un total de 7MB tandis que le total de la page fait 7,3MB. Pas besoin d’un génie pour réussir à augmenter la vitesse de téléchargement de la page d’accueil du site Web : il suffit de diminuer la taille des images.

Voici quelques outils pour réduire la taille des images :

• Adobe Photoshop ou Fireworks
• Radical Image Optimization Tool
• Smushit

Connaissez-vous d’autres trucs rapide et facile à mettre en place pour améliorer la vitesse d’un site Web?