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?
Pourquoi rendre son site Web plus rapide
La réponse rapide n’est pas compliquée, personne n'aime attendre le chargement d'une page Web pour en consulter le contenu.
Depuis qu’Internet existe, ou du moins depuis que j’utilise Internet, le temps de téléchargement a été un irritant majeur lorsqu’il était trop long. Avec les réseaux qui sont de plus en plus rapides, il ne devrait plus avoir de raison pour qu’un internaute s’impatiente en attendant le chargement de sa page. Le chargement plus rapide des pages permet de naturellement à un utilisateur de plus rapidement avoir accès au contenu qu’il désire. Ainsi on diminue le taux de rebond (bounce rate) et on augmente ainsi les chances que l’utilisateur convertisse (je prévois bientôt bloguer sur les différents types de conversion sur le Web)
Bien que la satisfaction de l’utilisateur devrait être le souci numéro un des gestionnaires de site Web, que ce soit une équipe de 20 personnes à temps plein ou un blogueur en pyjamas, ces gestionnaires souhaitent souvent aussi augmenter le nombre de visiteurs. Simplement dite, une des façons d’augmenter le nombre de visiteurs est de faire en sorte que les pages du site Web se classent bien dans les résultats des moteurs de recherche (Google, Yahoo, Bing, etc.). La vitesse de téléchargement des pages est un des facteurs utilisés par Google et surement les autres moteurs de recherche pour classer votre site. Le taux de rebond étant aussi un facteur de classement pour les moteurs de recherche, rendre un site Web plus rapide aide deux fois plutôt qu’une à votre référencement naturel.
Dans la suite de cet article, on voit comment rendre son site Web plus rapide.
Google est Dieu!
C'est en lisant le billet 11 fonctionnalités cachées de Google de Benoit Descary qu'il m'ait pris le goût de faire un peu de photoshop afin de représenter ce que je pensais vraiment de Google.

Le Googleisme est-il une religion?
Pourquoi blogguer?
C'est une drôle de coïncidence, du moins je trouve, qu'à quelques jours d'intervalle de mes débuts de rédaction sur la blogosphère, je tombe sur un billet qui traitent des leçons à tirer de blogguer (en anglais). Je lis le blogue Brains On Fire (en anglais) depuis quelque temps maintenant et je suis très satisfait de la qualité de leur rédaction. Le blogue traite majoritairement de marketing, de management et de modèle d'affaire. Ils se permettent aussi, quelquesfois, des billets hors contexte et drôles ou encore des billets auto-promo. Bref, ils font partie des feeds sur "mon" Google Readers que je ne manque pas de lire. À propos, est-ce que Google Readers peut se partager ?



