Comment améliorer la vitesse et les performances d'un site WordPress

J'adore WordPress, mais ce n'est pas parfait hors de la boîte.

Les thèmes et les choix de plugin sont plus importants que jamais, car certains peuvent entraver les performances du site.

Vous pouvez faire beaucoup de choses pour améliorer n'importe quel site WordPress, et ce message couvrira quelques-unes de ces optimisations sur lesquelles vous pouvez (espérons) prendre des mesures immédiatement.

Choisissez une société d'hébergement Web réputée

Le choix d'un mauvais hôte peut être nocif pour les performances d'un site.

Bien que l'hébergement sur un serveur partagé puisse sembler la solution la plus rentable, elle s'accompagne certainement de ses problèmes. Le partage de ce serveur avec d'autres sites gênants (potentiellement) peut monopoliser les ressources partagées au détriment de votre propre.

L'hébergement ne coûte pas la terre. Je vous conseille toujours de choisir un hôte Web qui a non seulement de grandes spécifications matérielles (sur un serveur dédié si les budgets le permettent), mais comprennent également WordPress et ont un support technique solide. Et recherchez des hôtes avec mise en cache au niveau du serveur.

Que votre site réside sur une plate-forme d'hébergement WordPress gérée, un serveur LiteSpeed ​​ou un hébergement cloud évolutif, il vaut toujours la peine de faire vos propres recherches et de comparer quelques entreprises avant de décider.

Considérez également à quel point cet hôte est adapté au référencement. WordPress a une page d'hébergement avec une poignée de sociétés recommandées.

Optimiser les paramètres du serveur et utiliser les CDN

Une fois le site hébergé sur le serveur, vous pouvez appliquer d'autres optimisations au niveau du serveur.

De nouveaux protocoles comme HTTP / 3 et Quic réduisent la latence, en particulier sur les appareils mobiles.

CloudFlare et LiteSpeed ​​prennent en charge cela hors de la boîte, mais il vaut toujours la peine de vérifier avec les paramètres de votre serveur.

Il existe plusieurs CDN disponibles, mais ma recommandation a toujours été d'utiliser CloudFlare.

Leur plan gratuit offre de nombreuses optimisations, notamment le polissage, la mise en cache et la compression de l'image (activer la mise en cache à plusieurs niveaux pour optimiser davantage ces demandes).

Je recommande également leur optimisation automatique de plate-forme (APO) offrant un coût de 5 $ par site, ou gratuitement avec l'un de leurs plans payants.

Dans CloudFlare, je recommande de tout mettre en cache, sauf WP-Admin et Dynamic Content Dynamic, servant du contenu périmé tout en révalisant le cache en arrière-plan et en utilisant leurs services de pare-feu d'application Web (WAF) qui aident à bloquer les attaques et à limiter les chenilles.

Désactiver XML-RPC

Il existe plusieurs optimisations pour supprimer et limiter les ressources qui sont activées par défaut dans WordPress Core.

Une bonne recommandation ici serait de désactiver XML-RPC si elle n'est pas requise:

Désactiver XML-RPC

add_filter('xmlrpc_enabled', '__return_false');

Mettre en œuvre des techniques de mise en cache et de compression

En plus des optimisations du serveur, vous pouvez implémenter d'autres améliorations de performances en ajoutant directement les éléments de mise en cache et de compression.

L'utilisation de la mise en cache d'objet telle que le vernis ou le redis peut fournir d'excellents résultats, ainsi que la définition d'en-têtes de contrôle de cache appropriés dans.htaccess (apache) ou nginx.conf:

    Header set Cache-Control "max-age=31536000, public"

Optimiser le chargement des actifs

Lorsque la mise en cache et la compression sont en place, vous pouvez ensuite prendre d'autres mesures pour différer JavaScript.

Par exemple:

Essayez également de charger des scripts de manière asynchrone afin qu'ils ne dégradent pas les temps de chargement de page initiaux.

En ce qui concerne le CSS, il est toujours bon de supprimer tous les styles inutilisés dans la mesure du possible, même si je ne dirais pas que c'est la plus grande priorité par rapport aux autres recommandations de ce post.

Essayez également de précharger des polices et pré-connectez des polices pour le texte qui apparaît au-dessus du pli (les polices personnalisées pour le texte dans le pied de page n'ont pas besoin d'être préchargées) et d'autres ressources externes dans la mesure du possible.

Voici un exemple de la façon dont cela peut être fait:

Fermez d'autres lacunes de performance

Si vous êtes un perfectionniste comme moi, il y a toujours de la place pour plus d'optimisations.

• Activez le chargement paresseux pour les images dans la mesure du possible et remplacez les intégres YouTube par des aperçus d'images statiques.
• Utilisez des grenouilles hurlantes pour détecter les redirections inutiles.
• Boucles et chaînes de redirection proches, qui sont signalées dans les audits du site Semrush. Mettez à jour les liens internes pour pointer directement vers l'URL de destination finale.
• Réduisez les demandes de tiers dans la mesure du possible. Par exemple, chargez Google Analytics ou Google Fonts localement plutôt que via des scripts externes.
• Désactiver les widgets et les intégres de médias sociaux inutilisés.

Choisissez les bons thèmes et plugins

Ainsi, vous avez installé votre compte d'hébergement et votre site WordPress installé.

Cependant, l'abondance de choix que vous avez en ce qui concerne les thèmes et les plugins rend difficile de décider et de choisir des développeurs de confiance. C'est un défi qui a toujours été présent, et j'écris à ce sujet depuis 2013 du moins.

Lorsque vous choisissez à la fois des thèmes et des plugins, considérez ce qui suit en faisant:

• Le thème est-il compatible avec les versions les plus récentes de WordPress?
• Est-ce que cela adhère aux meilleures pratiques WordPress pour le développement des thème et des plugins? Vous pouvez le vérifier à l'aide du plugin de chèque de thème pour les thèmes et le plugin Vérifier les plugins.
• L'auteur du thème a-t-il le développeur EAT? Pouvez-vous leur faire confiance?
• Assurez-vous qu'il n'y a pas trop de ballonnement de code. Plus un thème est généralisé aux masses (par exemple, «thèmes tout-en-un pour toute entreprise»), plus il devra être développé pour accueillir le plus large public. Plus le thème est sur mesure, (vraisemblablement) moins une chance de ballonnement de code.
• Lisez les avis et enquêter sur les offres d'assistance. Pour les thèmes et les plugins offerts dans le propre dépôt de WordPress, certaines critiques et notes sont toujours utiles pour éclairer vos décisions.

La plupart des thèmes offrent des aperçus en direct, il vaut donc la peine d'exécuter ces URL via des outils de test de vitesse tels que Pagespeed Insights, le test de page Web et Chrome Devtools.

Appliquer des optimisations spécifiques à WordPress

Toujours pas fini avec mon perfectionnisme! Voici quelques recommandations sur WordPress.

L'API WP Heartbeat peut créer des demandes AJAX inutiles. Réduisez sa fréquence ou désactivez-la:

add_action( 'init', function() {
    wp_deregister_script('heartbeat');
});

Vous pouvez également limiter les intervalles de temps post-révisions et de révision dans WP-Config.php:

define('WP_POST_REVISIONS', 5);
define('AUTOSAVE_INTERVAL', 300); // 5 minutes

La désactivation du bloc Gutenberg non utilisé CSS est également recommandée si ce n'est pas nécessaire:

add_filter('use_block_editor_for_post', '__return_false');

Utiliser les plugins recommandés

Avec autant de plugins disponibles aujourd'hui, il semble intimidant de savoir lesquels sont les meilleurs et les plus fiables.

Bien sûr, «ça dépend» revient en jeu, mais généralement, je conseille d'utiliser le moins de plugins possible.

Si vous pouvez résoudre certains problèmes loin d'un plugin (par exemple, au niveau du serveur), faites-le d'abord.

Selon les optimisations que vous pourriez avoir configurées ailleurs, certains de ces plugins peuvent être inutiles à installer, mais sinon, il est toujours bon de connaître des options préférables.

• Cache et compression: Autoptimiser, W3 Total Cache ou Jetpack aux côtés de WP Super Cache et Jetpack Boost.
• Préchargement: Instant.Page est une excellente recommandation ici. Utilise une ligne de code que vous pouvez implémenter ou ils offrent un plugin WordPress qui fait de même.
• Représentation du script: Certains plugins ci-dessus l'offrent, mais j'utilise personnellement WP Meteor.
• Optimisation d'image: Tinypng ou SMUSH POUR LA COMPRESSION D'IMAGE, WebP Express pour servir des images WebP via PNG / JPG / EPS. Pour plus d'optimisation, utilisez des images de bord pour utiliser les services de transformation de bord en Marquage.
• SEO: Bien qu'il ne soit pas directement connecté à l'amélioration de la vitesse, Yoast SEO optimise les performances de visibilité d'un site (divulgation, je travaille pour yoast). La plupart de ces fonctionnalités fournies dans la version gratuite aident à cela, mais des choses telles que IndexNow sont incluses dans Premium. Cependant, si vous souhaitez activer IndexNow sans Premium, Bing propose son propre plugin.

Lors de l'installation d'un plugin, il est toujours bon de consulter tous les paramètres correctement et de désactiver tout ce qui n'est pas nécessaire pour économiser plus de temps de traitement et réduire le ballonnement du code.

Pour passer au niveau supérieur, vous pouvez également installer un organisateur de plugin, qui vous permet de définir des conditions pour que les plugins ne se chargent que dans les pages / zones pertinentes du site.

Surveillez votre serveur

Enfin, il est toujours bon d'avoir un bon système de surveillance, comme New Relic, sur le serveur.

Ce système vous permet de diagnostiquer et de résoudre les problèmes qui peuvent entraver les performances du site ou du serveur, ainsi que de réduire la charge de serveur inutile en désactivant les modules PHP non essentiels.

Vous pouvez également configurer la journalisation pour les requêtes lentes dans MySQL:

SET GLOBAL slow_query_log = 'ON';
SET GLOBAL long_query_time = 1;

Je recommande également le plugin de moniteur de requête. Ou, installation de feu noir pour ramasser des extraits de code inefficaces qui provoquent le temps de réponse du serveur lent. Il est également payé, mais fortement recommandé pour le niveau de l'entreprise.

Les journaux d'erreur sont toujours votre ami lors du diagnostic d'autres problèmes.

WordPress propose également le mode de débogage, qui est extrêmement utile pour diagnostiquer des problèmes potentiels en ajoutant ce qui suit dans WP-Config.php:

Remarque, cela ne doit jamais être activé sur un site de production en direct car il peut exposer des informations sensibles. Utiliser uniquement sur la mise en scène.

// Enable WP_DEBUG mode
define( 'WP_DEBUG', true );

// Enable Debug logging to the /wp-content/debug.log file
define( 'WP_DEBUG_LOG', true );

Conclusion: Améliorez les performances WordPress tout en préservant les fonctionnalités

Comme vous pouvez le voir, il y a beaucoup de choses que l'on peut faire pour améliorer un site WordPress, et il est important de le faire sous plusieurs angles.

Faites autant que vous le pouvez ci-dessus, en garantissant que le site fonctionne comme il se doit.

Testez tout d'abord pour vous assurer que tout ce dont vous avez besoin est correctement mis en œuvre et ne gêne pas d'autres choses sur le site (par exemple, la mise en cache ou la compression de JavaScript peut créer des irrégularités ou empêcher certains éléments du site de fonctionner) ou faire d'autres conflits. Et puis déploie!

Plus de ressources:

Image en vedette: Gorodenkoff / Shutterstock