Comment tester et améliorer la vitesse d’un site web

guides

Les outils

Plusieurs outils existent pour tester la rapidité de sites web. Le plus important c’est de générer un « Waterfall », c’est à dire un schéma résultant d’un test web qui démontre le temps utilisé par ressource, voir exemple en annexe, afin de savoir le poids des objets générés sur votre page et le temps de réponse du serveur.

  • Allez sur pingdom, pagespeed insights ou n’importe quel équivalent et entrer l’adresse web de votre site à tester.
  • Analyser le « Waterfall » et trouver les ressources les plus lourdes ou les plus longues à télécharger.
  • Téléchargez votre rapport avant de procéder aux modifications (en pdf ou via un screenshot).
  • Procédez aux modifications d’amélioration.
  • Téléchargez votre rapport après avoir procédé aux modifications (en pdf ou via un screenshot).

Normes – Poids des ressources

Vous pouvez voir les bytes des ressources, une ressource devrait avoir entre 1B et 100KB pour les javascript (JS), html et css et entre 50KB et 350KB pour les images et en dessous de 500KB pour les très grandes images.

Trucs et astuces

Répétez les étapes 1 à 5 jusqu’à ce que la vitesse du site soit environ 3.21 secondes qui est la moyenne mondiale selon hobo-web.

Si vous avez de la difficulté à comprendre les actions à prendre pour optimiser votre site, la plupart des engins de tests fournissent des explications détaillées. Consultez le détail de votre rapport pour savoir quoi faire ou parlez à un développeur expérimenté.

Pour réduire le poids du JS, html et css vous pouvez utiliser Minify qui va enlever tout les caractères inutiles.

NB: Gardez une copie de votre code non-minifié pour avoir la possibilité de faire des changements par la suite.

Pour les ressources externes, c’est possible parfois d’avoir un Content Delivery Network (CDN) pour les ajouter a votre site web. En savoir plus sur les cdn.

Pour réduire le poids des images, utilisez photoshop ou gimp.

F.A.Q.

J’ai effectué plusieurs changements et mon site est toujours lent. Que dois-je faire ?

Si vous constatez encore avoir du trouble avec le temps de réponse du serveur, communiquez avec votre hébergement pour savoir ce qui peut être fait. Il faudra envisager changer de forfait d’hébergement, de type de serveur ou de service d’hébergement.

ANNEXE

Exemple de waterfall sur le site Adviz

Comment tester et améliorer la vitesse d'un site web

Web