Améliorer les performances de ses pages web avec YSlow

Améliorer les performances de ses pages web avec YSlow

Aujourd’hui, nous allons voir ensemble comment procéder afin d’alléger vos pages web simplement et efficacement avec YSlow. Il s’agit d’une extension utilisable sur le navigateur web FireFox qui met à disposition un ensemble de fonctionnalités dédiées à l’optimisation du chargement des pages web. Développé par la firme Yahoo, cet outil est très qualitatif.

Remarque : Afin de pouvoir utiliser l’extension YSlow, vous devez préalablement installer l’extension FireBug. Il s’agit d’un module très utilisé par les développeurs web et les webdesigners, qui permet de déboguer rapidement des pages web.

Les fonctionnalités principales de YSlow permettant d’analyser :

  • Les performances
  • Les composants
  • Les statistiques

Les performances

L’analyse des performances de YSlow se présente sous la forme d’un tableau récapitulatif reprenant un ensemble de 23 critères de qualité intervenant directement dans le temps de chargement d’une page. Parmi ces critères, figurent notamment l’utilisation d’un CDN (Content Delivery Network), la compression des fichiers via GZip, la réduction des fichiers sources CSS/JS, …

Pour chaque critère, une note est calculée et au final, la somme des notes de chacun des critères forme une note moyenne de performance de votre site.

Les composants

Cet outil permet de visualiser rapidement l’ensemble des composants d’une page web et de voir pour chacun son poids et la compression qui lui est appliquée. On peut ainsi améliorer la gestion de la compression au niveau du fichier .htaccesss par exemple.

Les statistiques

L’analyse des statistiques sur YSlow se présente sous la forme d’un graphique (camembert notamment) qui permet entre autre de visualiser le ratio d’images en fonction de la quantité de code HTML ou JavaScript présent dans une page.

En observant bien ces graphiques, on peut améliorer certains aspects en réduisant son code ou le nombre/qualité d’images.

Les outils supplémentaires

Pour finir, YSlow propose des outils complémentaires, tels que Smush It qui permet de réduire la taille de vos images sans les compresser et donc sans perte de qualité.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Do NOT follow this link or you will be banned from the site!