Nous clarifions les raisons pour lesquelles ton site WordPress est trop lent malgré un matériel rapide et un hébergement spécial et présentons les 5 causes les plus fréquentes d'une faible vitesse WordPress.
Nous le voyons presque tous les jours : un client nous écrit dans le chat de support parce que son site ne veut tout simplement pas être plus rapide. Malgré l'optimisation du serveur, les plugins correspondants et une puissance de calcul suffisante. D'autres clients, en revanche , se réjouissentd'avoir des pages rapides comme des flèches. "Nous nous sommes demandé comment cela pouvait être possible et avons rassemblé les cinq facteurs qui, selon notre expérience, rendent WordPress particulièrement lent.
Faisons court. Voici les cinq plus grands tueurs de vitesse de WordPress :
- Absence de mise en cache
- Trop d'images et pas assez compressées
- Code non compressé et non résumé
- Manque d'optimisation above-the-fold
- Des pages beaucoup trop grandes
WordPress Speed Killer 1 : Absence de mise en cache
La mise en cache est une méthode rapide et très efficace pour rendre ton site plus rapide. Un cache peut être considéré comme une sorte de mémoire à court terme : Si, par exemple, le navigateur se souvient de l'apparence d'une page Internet, il n'est pas nécessaire de demander au serveur les données nécessaires, mais le navigateur peut charger la page directement à partir du cache. Cela accélère considérablement le temps de chargement des pages pour les visiteurs qui reviennent.
Maintenant, la mise en cache n'est pas un sujet facile. Il existe de nombreux types de caches qui peuvent être intégrés et activés à de nombreux endroits différents. Pour obtenir rapidement une solution de mise en cache efficace, il faut s'appuyer sur des plugins de mise en cache largement répandus et éprouvés, comme WP Super Cache, Cachify ou W3 Total Cache. Tu devrais aussi demander à ton hébergeur quels sont les caches qu'il a activés. Une base solide est obtenue lorsqu'au moins un cache de navigateur et un cache de serveur sont activés.
L'inconvénient d'un cache est qu'il n'est généralement utilisé qu'une fois que l'utilisateur a déjà visité le site au moins une fois. Dans de nombreux cas, il est important que le site web se construise rapidement et de manière fluide dès la première fois. Pour y parvenir, il faut s'attaquer à l'encombrement des pages.
WordPress Speed Killer 2 : Images et graphiques
Les images et les graphiques sont un autre tueur pour la vitesse de ton WordPress. Leur optimisation est un art en soi, car il faut tenir compte d'un grand nombre de facteurs : Le format de fichier, la mise à l'échelle, la compression et bien plus encore[1].
Mais la plupart du temps, des comportements très simples, comme un grand nombre d'images inutiles ou un format de fichier inadapté, entraînent de longs temps de chargement. Les plugins permettent de résoudre ce problème. Ils compriment et optimisent les images pendant et après le téléchargement et augmentent considérablement la vitesse de ton WordPress. Optimus et WP Smush en sont des exemples.
WordPress Speed Killer 3 : code désordonné et non compressé
Chaque site web est composé de code. Celui-ci détermine à peu près tout ce qui constitue ton site : la mise en page, les couleurs, le texte et ainsi de suite. C'est donc le mode d'emploi de ton site. Mais tous les codes ne se valent pas : Il faut plutôt faire la différence entre CSS, JavaScript et HTML. Ces types de code sont responsables de différentes parties du site web - CSS pour les images et JavaScript pour les animations, par exemple. C'est pourquoi les différents types de code se chargent différemment. Cela peut conduire à ce que certaines commandes se bloquent mutuellement.
De tels goulots d'étranglement ou blocages ralentissent considérablement WordPress. C'est pourquoi il est courant de regrouper le code dans le moins de fichiers possible, de les compresser et de les placer dans le meilleur ordre de chargement possible.
Sans connaissances en CSS, JavaScript ou HTML, il est difficile d'éviter une confusion de code. C'est pourquoi il existe des plugins qui t'aident à organiser et à regrouper le code de ton site. On peut citer par exemple Autoptimize et Better WordPress Minify.
WordPress Speed Killer 4 : Manque d'optimisation above-the-fold
Toute optimisation ne sert pas à grand-chose si l'utilisateur n'a pas l'impression d'avoir une page plus rapide. Car c'est cette vitesse perçue qui détermine en fin de compte si une page profite d'une optimisation des performances.
Dans la pratique, on procède donc souvent à une optimisation dite above-the-fold. Above-the-Fold décrit la zone d'un site Web qui est visible sans défilement, c'est-à-dire la première impression qu'un utilisateur a d'un site Web. L'objectif de l'optimisation est de faire en sorte que cette zone se construise le plus rapidement possible et de manière fluide. Pour cela, l'ordre de chargement des éléments visibles est adapté en conséquence. Tous les éléments qui ne font pas partie de cette zone sont placés à la fin, car ils ne sont pas visibles au début et ne sont donc pas pertinents pour la première impression de la page.
La réflexion conceptuelle est donc au cœur de ce type d'optimisation : Il faut savoir quel contenu doit être affiché à l'utilisateur pour qu'il réalise la conversion souhaitée. Il n'existe pas de solution simple et rapide.
WordPress Speed Killer 5 : Pages trop grasses
Cela nous amène à notre dernier tueur de performance : la taille des pages. Beaucoup de pages lentes sont tout simplement trop grandes, ont trop de plugins installés, un thème inutilement grand, ou sont surchargées d'images et de graphiques. C'est une bonne nouvelle ! Car cela signifie que la performance de WordPress peut être très facilement augmentée dans de nombreux cas. Si tu nettoies régulièrement ton site, tu peux normalement maintenir ton temps de chargement de page à un bon niveau.
Conclusion : résumer et comprimer, résumer et comprimer, résumer...
En principe, tout se résume donc à résumer et à comprimer le contenu. C'est la seule façon de tirer le maximum de ton WordPress. Les endroits où cela fonctionne le mieux sont surtout les images, le code et le concept global de la page. Si tu utilises en plus des mémoires intermédiaires et que tu nettoies régulièrement, tu as créé de bonnes conditions pour une utilisation optimale de la puissance disponible du serveur.
Ainsi, l'hébergeur et le serveur déterminent le potentiel de performance de base de ton site, mais c'est à toi de décider ce que tu veux en faire.
Dans les prochains articles, nous nous pencherons sur la question de savoir comment identifier les goulots d'étranglement de ta propre performance WordPress et comment résoudre ces freins à la performance.
Bien sûr, il existe d'autres tueurs de vitesse WordPress que ceux énumérés ici. Te souviens-tu d'un point particulièrement important ? N'hésite pas à laisser un commentaire et aide la communauté à optimiser encore plus ses pages.
Sources
[1] : Brève introduction à la théorie et à la pratique de l'optimisation des images sur WordPress par les collègues de pressengers : http://pressengers.de/tipps/wordpress-grafiken-komprimieren/