WordPress 2020 réduire son temps de chargement

Malgré une bonne note sur Gtmetrix j’ai un Full Loaded Time de 6.3s surement du à un Total Page Size de 1,32 Mb. On va voir dans cet article comment réduire son temps de chargement. Les pistes que je vais aborder : les plugins, le Total Page Size.

Voici mon résultat avant l’optimisation, sachant que j’ai déjà une bonne note grâce à une optimisation. Je vous conseille de lire mon article : Top plugins / Extensions WordPress 2020.

Il est important d’avoir un site performant parce que :

• Votre lecteur est impatient donc il partira sur un autre site
• Google est impatient donc il référencera mieux un autre site

Temps de chargement, tester votre site.

La première chose à faire c’est de tester votre site et avoir un rapport. Pour ça vous pouvez utiliser Gtmetrix ou encore l’outil de Google.

L’outil de Google m’a remonté une erreur sur mes images.

Les formats d’image comme JPEG 2000, JPEG XR et WebP proposent souvent une meilleure compression que les formats PNG ou JPEG. Par conséquent, les téléchargements sont plus rapides et la consommation de données est réduite.

Depuis le départ je pensais qu’il fallait mettre des image au format PNG, j’ai donc totalement tord.

Des outils Worpdress pour vous aider.

L’outil que je recommande vivement c’est l’extension WP Fastest Cache et je vous conseille d’acheter l’extension pour activer les options premium. La version de base se limite à mettre un cache, voici les options premium. (50€ pour avoir la version premium)

Options de WP Fastest Cache payantes

• Réduit le nombre de requêtes SQL
• Crée un cache pour le thème mobile
• Minification HTML plus puissante
• Minification CSS plus puissante
• Diminue la taille des fichiers JS 
• Élimine les ressources JavaScript bloquant le rendu 
• Charge les polices Google de façon asynchrone
• Charge les images et les iframes quand ils entrent dans la fenêtre du navigateur (Lazy Load)

Plugin : wp-optimize

Ce plugin permet de faire le ménage dans votre base, il permet d’optimiser la base de données mais aussi d’effacer les choses inutiles.

Comme vous pouvez le voir on peut supprimer les révisions d’articles, les brouillons, la corbeille, les commentaires à la corbeille.

Accelerated Mobile Pages

Vous pouvez utiliser l’extension Accelerated Mobile Pages de Ahmed Kaludi, Mohammed Kaludi pour réduire le temps de chargements des pages sur mobile. L’extension est très simple à utiliser, par contre n’oubliez pas d’introduire vos pages AMP dans Google Analytics.

Voir les extensions qui ralentissent votre site.

Il existe une extension pour voir qu’elles plugins ralentissent votre site. Il vous suffit de télécharger le plugin (gratuit) de lancer l’analyse et de regarder le rapport.

Il est vivement conseillé de faire un tri régulièrement de ses extensions.

D’autres outils

Il existe un outil en ligne pour réduire le poids de vos images : TinyPng. En utilisant cet outil sur les images de ma home j’ai vraiment gagner en temps de chargement.

Vous pouvez utiliser un CDN pour permettre à vos visiteurs de charger le contenu depuis un serveur localisé le plus près possible de leur lieu de connexion. Il s’agit bien sur d’une option payante.

Au final en utilisant les outils que je viens de mettre en place voici le score. Sachant qu’il était deja pas mal optimisé, ça va être dure de faire mieux.

Si vous voyez aucun changement avec les outils que je vous ai présenté il se peut que le problème vienne de votre thème ou de votre hébergeur.

Vous devez vous assurer que votre hébergeur offre au moins PHP 7 ou toute version supérieure.

Si vous connaissez d’autres astuces pour réduire le temps de chargements de vos pages n’hésitez pas à mettre un commentaire. On peut toujours aller plus loin en payant par exemple, j’ai trouver un bon compromis entre le payant et le non payant.