• 15 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 28/11/2019

Optimisez les temps de chargement de votre site

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Dans ce chapitre, nous allons voir comment mesurer le temps de chargement de votre site et comment l'optimiser.

Vérifiez le temps de chargement de votre site

Un site qui met longtemps à se charger génère de la frustration et un inconfort certain pour les visiteurs. À tel point que, selon Amazon, 100 ms de temps de chargement en plus va leur faire perdre 1 % de chiffre d’affaires ! Le temps de chargement est par ailleurs un des critères SEO pris en compte par les moteurs de recherche.

Il est donc important de mesurer les temps de chargement de ses pages et de les optimiser.

De nombreux outils permettent de mesurer le temps de chargement d’une page. Les plus connus sont GT Metrix et Pingdom. Nous allons ici utiliser GT Metrix. Pour tester son temps de chargement avec GT Metrix :

  • rendez-vous sur https://gtmetrix.com et créez-vous un compte gratuit pour avoir un historique et bénéficier de plus d’options ;

  • cliquez “analysis option” et choisissez la ville la plus proche de votre zone géographique cible (ici, London) ;

  • saisissez l’URL de la page et cliquez “Analyze”.

Après une minute ou deux, vous disposez des résultats d’analyse de performances.

  • L’indicateur le plus important est le temps de chargement.

  • Celui-ci ne doit pas dépasser 3 s et se situer si possible autour de 1s.

  • Les scores PageSpeed et Yslow n’ont pas vraiment d’importance.

  • Les recommandations en dessous sont en revanche intéressantes pour identifier ce qui ralentit votre site.

  • L’onglet Waterfall est aussi intéressant et permet d’identifier les ressources (internes, comme des images, ou externes, comme des scripts Google Analytics, Google Maps, etc.) qui ralentissent le temps de chargement de votre page.

Optimisez le temps de chargement de votre site

Maintenant que l’on a vu comment mesurer le temps de chargement, nous allons voir comment l’optimiser.

Mettez en place une solution de cache

Une façon simple et rapide d’optimiser le temps de chargement de ses pages est d’installer un plugin de cache. Cela permet de stocker temporairement les pages pour ne pas les régénérer entièrement à chaque fois qu’elles sont visitées, et ainsi de les délivrer plus vite aux visiteurs.

En revanche, cela veut aussi dire que les modifications que vous apportez au site ne seront pas visibles immédiatement à moins de “vider le cache”. N’oubliez donc pas de le désactiver ou de le vider régulièrement quand vous travaillez sur le site, au risque de vous arracher les cheveux pour rien. ;)

Je recommande l’utilisation du plugin de cache WP Rocket, développé par WP Media, une société française spécialisée WordPress ! Il est très simple d’utilisation, extrêmement performant, et dispose d’une bonne équipe de support francophone.

En revanche, ce plugin est payant, donc pas forcément adapté à tous les projets.

Une bonne alternative gratuite est le plugin WP Super Cache qui est très simple d’utilisation et offre de bonnes performances. Si vous vous sentez l’âme d’un expert, vous pouvez aussi jeter un œil à W3 Total Cache, gratuit aussi, mais offrant une multitude d’options pour fine tuner les performances.

Après mise en place de WP Super Cache, vous devriez obtenir un excellent score et un temps de chargement d’environ 1s dans GT Metrix !

Optimisez les images

Une des causes les plus fréquentes d’un temps de chargement trop long est l’utilisation d’images non optimisées pour le web.

En effet, une image en haute résolution peut rapidement peser plusieurs mégas et ainsi mettre plusieurs secondes à se charger !

La meilleure solution est d’optimiser les images avant de les importer dans votre WordPress avec Photoshop ou des outils gratuits comme https://tinyjpg.com/ pour compresser vos images.

Une image doit en général ne pas peser plus de quelques centaines de ko.

Si vous êtes pressé ou que vous récupérez un site comportant de nombreuses images non optimisées,  vous pouvez aussi utiliser des plugins d’optimisation des images.

L’équipe de WP Rocket propose le plugin Imagify, payant lui aussi. Une bonne alternative freemium est ShortPixel qui vous permet d’optimiser gratuitement 100 images par mois sans limite de taille ou de poids ! Attention, cependant, les miniatures sont prises en compte comme des images, donc le crédit s’épuise rapidement…

Utilisez les bonnes tailles d’images

Même si vos images sont optimisées en termes de poids, il faut faire attention à utiliser une taille adaptée à la taille utilisée dans le contenu.

Il est ainsi assez courant de voir des images affichées en 300 px de large à l’écran, mais dont le fichier fait 1200 px de large ! C’est la raison pour laquelle WordPress génère automatiquement différentes tailles de miniatures que vous pouvez sélectionner facilement dans Elementor ou dans l’éditeur WordPress en fonction de la taille d’affichage souhaitée. Il faut juste ne pas oublier de le faire. ;-)

Nettoyez votre base de données

Une autre raison de la lenteur des chargements est une base de données surchargée. De nombreux plugins stockent en effet des données temporaires sans pour autant les supprimer régulièrement, les historiques d’articles peuvent s’accumuler en base de données, etc.

Certains plugins de cache comme WP Rocket incluent des outils pour nettoyer et optimiser votre base de données. Sinon, vous pouvez utiliser le plugin gratuit WP Optimize qui fait très bien cela !

Il existe de nombreux autres axes d’optimisation des performances que nous n’avons pas le temps de voir ici, mais pas d’inquiétudes, Google regorge de ressources à ce sujet !

Exemple de certificat de réussite
Exemple de certificat de réussite