En analysant les statistiques de mon site web sur Google Analytics, je remarque que le temps moyen de chargement de page est très élevé, près d’une vingtaine de secondes. Afin d’optimiser le temps de chargement de page, j’ai trouvé une extension pour Mozilla Firefox qui va m’aider à réduire le temps de chargement de ma page. J’ai trouvé l’extension qu’il me faut : Page Speed. C’est un projet open source qui a débuté chez Google, il y a même une vidéo complète de présentation de l’outil (durée : 59 min). Cette extension analyse les élements de la page et m’explique comment optimiser concrètement les performances de ma page via des suggestions d’amélioration.
Passons aux choses concrètes !
Je procède à l’installation de cette extension sous Firefox en cliquant sur Tools au niveau du meu puis sur Add-ons puis je recherche l’extension Page Speed au niveau du moteur de recherche. Je l’installe, je redématrre mon navigateur et là j’ai une erreur sous Linux Fedora 15 :
« The following extension(s) are required by Page Speed and must be installed before it can run : Firebug (http://getfirebug.com/) »
L’erreur en elle-même est claire, il faut ajouter l’extension Firebug à son navigateur Firefox. Mais comment ? Au niveau de Firefox, vous cliquez sur Tools puis sur Add-ons. Vous cliquez sur Extensions au niveau de la barre de gauche. Ensuite, au niveau de la barre de recherche en haut à droite, vous tapez Firebug. Ainsi, vous obtenez l’écran suivant :
Il vous suffit de cliquer sur le bouton Install situé à droite de Firebug puis de redémarrer Firefox. Quand vous ouvrez votre navigateur vous n’aurez plus l’erreur javascript concernant l’extension PageSpeed.
Je vais prendre comme exemple mon site web.
Comme Page Speed est une composante de Firebug, j’ouvre Firebug tout d’abord en cliquant sur Tools -> Web Developer -> Open Firebug :
Je clique sur Analyze Performance, l’analyse de ma page web prend quelques secondes, Page Speed m’affiche un rapport de performance avec en rouge ce qui est à améliorer et en vert ce qui est déjà optimisé sur mon site :
J’ai un score de 80/100, j’ai 6 points à améliorer. Quand je clique sur un des points à améliorer, je suis redirigée vers le site des développeurs Google qui me donne des conseils concrets. Voyons ce que nous conseille Google :
Je dois absolument améliorer la gestion des images, choisir le bon format et surtout compresser mes images, qui sont beaucoup trop lourdes. C’est probablement ce point négatif qui explique le temps de chargement médiocre de ma page. Bon j’ai du travail !
A vous d’installer l’extension Page Speed pour Firefox ou pour Google Chrome maintenant.
