Nous allons vous expliquer pourquoi les performances d’un site est primordiale pour la santé de votre site et son classement dans les résultats de recherche.
Un site qui se charge rapidement n’est pas seulement plus agréable à utiliser mais il convertit mieux les utilisateurs à l’achat ou l’inscription et rassure les visiteurs, tout en renforçant votre référencement naturel. En revanche un site lent augmente votre taux de rebond (temps que l’internaute reste sur votre site), dégrade l’expérience utilisateur sur mobile.
Pourquoi la vitesse de chargement compte ?
Les performances de votre site internet est un facteur de classement pour Google. Avoir un site qui se charge rapidement sur ordinateur et sur mobile devient une priorité. La vitesse de chargement influent directement sur la qualité de votre site. Quand un site qui met trop de temps à s’afficher, l’utilisateur perd patience et va voir ailleurs surtout sur mobile ou la connexion influe aussi. Un chargement plus rapide améliore la fluidité de navigation, et favorise les internautes à revenir visiter votre site.
Au niveau du SEO, la performance de votre site est un signal important.
La mise en cache peut réduire fortement la charge du serveur et accélère l’affichage de vos pages et servir plus rapidement le contenu à vos visiteurs. En pratique, l’optimisation des performances n’est pas un gadget mais un vrai levier de visibilité et de rentabilité.
Les causes fréquentes de la lenteur d’un site internet
Les site réalisé avec WordPress deviennent souvent lents pour différentes raisons mais n’est pas le fruit d’un seul facteur :
- Le type d’hebergement trop faible
- Un thème trop lourd
- Trop d’extensions actives
- Images mal ou pas optimisées
- Trop de scripts bloquants
- Pas de système de cache et de compression
Les contenus multimédia jouent un rôle dans le temps de chargement. Les images non compressées, les vidéos trop lourdes ou des fichiers CSS ou JS trop volumineux. Une base de données non optimisées encombrées par un trop grand nombre de révisions, trop de pages en brouillons, des transients (données temporaires en base de données) inutiles peuvent ralentir certaines requêtes.
Comment traiter et corriger les problèmes de chargement ?
Voici un rappel de quelques élément essentiels pour pouvoir optimiser son chargement :
- Choisir un bon hébergement performant et adapté au trafic de votre site. Nous vous conseillons O2switch, performant et support ultra réactif
- Avoir un thème léger qui ne charge pas une nombre incalculable de script qui ne servent pas forcement. Si votre theme comporte trop de fonctionnalités qui ne vous serve pas, changez de thème.
- Mettre en place un système de cache
- Optimiser les images
- Réduire les CSS et Javascript
- Ne pas utiliser trop d’extension gourmande, désactiver et supprimer les extensions inutiles, n’utilisez que le strict nécessaire
- Nettoyer et optimiser votre base de données
- Si votre site est consulté partout dans le monde, optez pour un CDN.
L’hébergement
On sous-estime l’importance de l’hébergement. Si votre site est optimise mais votre serveur est lent, vous ne verrez pas les effet de l’optimisation ou peu. Le temps de réponse du serveur joue sur les performances. Un serveur mutualise bas de gamme suffira pour un petit blog a faible trafic mais sur une grosse boutique a fort trafic, la lenteur fera fuir vos futurs clients.
Version de PHP
Suivant votre hébergeur, la version de php est mise à jour automatiquement ou pas. Certaines extensions sont compatible avec la dernière versions de PHP d’autres pas. La version 8 de PHP est plus rapide en execution et plus sécurisé que la version 7 qui maintenant est obsolète. Vous aurez des gains de performances
Le thème
Le choix du thème est important. Actuellement nous fuyons les theme premium a cause de leurs performances et pas forcément mis à jour ce qui peux poser des problèmes lors d’un changement de version de php. A part si les fonctionnalités de ce thème sont importantes pour vous, essayer d’utiliser un thème léger comme astra ou oceanWP qui sont personnalisable pour la majeur partie des sites. Pensez que chaque page de votre site utilise le thème.
La mise en cache..
La mise en cache au niveau de wordpress améliore significativement les performances du site. Le principe du cache consiste a servir une page statique au lieu de la reconstruire à chaque fois ce qui réduit la charge du serveur et accélère l’affichage. Cette solution améliore les performances sans modifier le contenus.
Voici quelques extensions de caches :
- WP Rocket : Solution payante, très complète et facile d’utilisation. Cette extension inclut un système de cache, de préchargement des ressources , d’optimisation des fichiers et de lazy loading pour les images (chargement au fur et à mesure et pas tout d’un coup). Nous utilisons Wp Rocket sur tous nos sites.
- W3 Totalcache : Extension gratuite, très puissantes mais plus technique à configurer. C’est une solutions gratuite pour les utilisateurs avancés.
- WP super cache : Extension de cache simple et gratuite idéal pour démarrer dans la mise en cache
Certains hébergement (comme O2switch) propose un Cache Objet comme REDIS. C’est un système de cache au niveau du serveur. Si votre hébergement le propose, je vous conseille de l’activer vous gagnerez au moins 10 points dans Google Page Speed. Je vous invite donc à consulter votre hébergement pour voir ce qui est possible (REDIS, Lite speed… ) ou sinon migrer vers un autre hébergeur .
Utiliser des extensions de cache et de compression de CSS et de script
Si c’est possible sur votre hébergement, utiliser un module de cache objet au niveau du serveur comme REDIS, disponible sur les hébergements O2switch.
Nous recommandons WP-Rocket pour sa simplicité et son gain de performance.
Les images et les médias
Les images sont souvent la principale source de poids et de perte de performance. Bien souvent, on importe des images directement de son téléphone et ne sont pas compressées. Surtout si les tailles d’images prédéfinies dans wordpress sont mal réglés. Il faut importer des images a la bonne taille d’utilisation et compressées. Il faut bien regarder la taille maximum d’affichage que vous avez besoin. Une image de 4000 pixels, affiché dans un bloc de maximum 500 pixels sera un gaspillage de ressource et de bande passante.
Recommandations :
- Utilisez les formats modernes d’image quand c’est possible par exemple le webp ou le avif
- Compressez vos images à la source avant importation (Compression jpg 50%)
- Activez le chargement différé pour les images pas encore affiché
- Évitez d’importer des vidéos trop lourde dans wordpress. Si vos vidéos sont publiques, utilisez votre compte youtube et intégrer le code de la video.
Des extensions pour compresser vos images
Smush : extension simple et pratique pour une optimisation basique. Compresse les images et convertit en webp
EWWW image optimizer : compresse et convertit au format webp. Il sert vos image dans ce nouveaux formats. Il est efficace mais plus complexe a configurer. Nous l’installons sur la majeur partie de nos sites
Bien sûr il y en a d’autres mais nous citons surtout celle que nous utilisons.
Les fichiers CSS et javascript
Les fichiers CSS et javascript peuvent bloquer le rendu de votre page si leur chargement n’est pas maitrisé
La minimification des CSS et des JS compresse et supprime les espace inutiles pour rendre vos fichiers plus léger.
Le report de script permet d’afficher le contenu visible plus vite et de charger les script lorsqu’il sont demandé.
Attention avec ces options de compression, de minimification et de report de script, car, mal maitrisés elle peuvent changer l’apparence de votre site. Ces reglages doivent se faire avec précision.
Extensions qui compresse et minimifie les CSS et JS :
Autoptimize : extension gratuite pour minifier et compresser CSS, JS, HTML
Asset CleanUp : utile pour desactiver des scripts et des styles inutiles
WP Rocket : Minimifie, compression, report de script, cache l’extension payante tout en un.
Recommandations :
Évitez de tout activez d’un coup. Tester les réglages au fur et à mesure sinon vous risquez de casser l’affichage de votre site. Certains thèmes ou extensions réagissent très mal à cet exercice.
La base de données
Avec le temps, la base de données de wordpress s’alourdit avec les révisions , les brouillons, données temporaire et les extensions installées puis désinstaller. Un nettoyage régulier peut améliorer la réactivité de votre site.
Extensions recommandées :
WP Optimize : Extension pour le nettoyage de votre base de données, option de cache et minimification
WP-sweep : Nettoyage de la base donnes données orphelines, données dupliquées, transients…
SweepPress : Nettoyage et optimisation de votre base de données. Le petit plus de SweepPress : il vous permettra d’identifier et de désactiver des éléments de la base de données qui se charge automatiquement (autoload) et qui souvent ne servent à rien.
Recommandation :
On ne le dira jamais assez, avant d’optimiser votre base de données faites un sauvegarde pour pouvoir revenir en arrière le cas échéant. Si vous avez la possibilité faites des tests d’optimisations sur un site de test, c’est mieux.
Pas de nettoyage en bloc, allez y petit à petit et vérifiez.
En avant l’optimisation des performances votre site :
Avant toute modifications , faites un test de performance avec Google Page Speed ou GT Metrix. Vous aurez une base pour voir ce que vos optimisations auront comme effets sur vos performances.
allez y étapes par étapes car certaines optimisations crée des conflits visuels et fonctionnels
- Faites un test de performances
- Posez vous la question de votre thème (Changement ou mise a jour) et des extensions utiles ou inutiles
- Mettez a jour toutes les extensions pour les performances et la sécurité
- Mettez a jour votre version de PHP si c’est possible
- installez une extension de cache et compressez vos fichiers CSS et JS
- Optimisez les images et optez pour le format webp ou avif
- Nettoyez la base de données
- testez et retestez
- Refaire un test de performance
Optimiser WordPress consiste a réduire la charge du serveur pour avoir un rendu plus fluide sur mobile ou un ordinateur de bureau
Vous pouvez aussi nous confier l’optimisation des performances de votre site WordPress.