23 conseils pour accélérer le site WordPress pour de meilleures performances

Lors d'un audit technique, l' optimisation de la vitesse de WordPress doit être une priorité absolue. Les utilisateurs s'éloignent rapidement des pages dont la vitesse de chargement des pages est faible, mais vous pouvez utiliser de nombreux outils en ligne qui offrent des informations détaillées sur les performances de vitesse de votre site Web.

L'optimisation de la vitesse de WordPress commence par votre hébergement Web WordPress. Le processus n'est pas trop différent de celui utilisé pour optimiser un site Web hébergé sur un serveur partagé ou dédié. Pour cette raison, certains des outils mentionnés ci-dessous, comme Breeze, peuvent être similaires à ceux que vous utilisez sur votre site Web partagé.

Pourquoi devriez-vous accélérer votre site WordPress ?

Un panneau d'administration qui fonctionne mal affectera votre travail et votre efficacité de temps lors de la gestion du site Web, d'autant plus que votre tableau de bord peut devenir difficile à gérer.

En plus de cela, les visiteurs n'attendront pas non plus que votre site Web se charge. Si quelque chose ne fonctionne pas comme ils le souhaitent, ils partiront. Et pire encore, beaucoup d'entre eux ne reviendront jamais.

Une étude réalisée par Portent en 2019 a révélé que les 5 premières secondes du temps de chargement de la page ont le plus grand impact sur les taux de conversion. Il a également révélé que les taux de conversion chutent en moyenne de 4,42 % à chaque seconde de temps de chargement.

En 2019, Unbounce a découvert que les gens préféreraient avoir des temps de chargement plus rapides que des animations et des vidéos fantaisistes sur le site. En 2017, Google a déclaré que la probabilité qu'un utilisateur rebondisse sur votre site augmente de 32% à mesure que le temps de chargement de la page passe de 1 à 3 secondes.

Si vous n'êtes pas encore convaincu, consultez cette recherche menée par Think With Google, qui a révélé à quel point les temps de chargement des pages peuvent affecter les taux de rebond.

Éléments essentiels du Web

Google utilise Core Web Vitals pour comprendre si un utilisateur quitte votre page satisfait ou non, et la vitesse de la page contribue énormément à l'expérience utilisateur. Par exemple, Google utilisera la vitesse de la page pour analyser si vos utilisateurs sont frustrés par votre temps de chargement lent et rebondissent en quelques secondes.

Pour améliorer vos Core Web Vitals afin d'accélérer votre site WordPress, vous devez comprendre comment cela fonctionne. Core Web Vitals est divisé en trois éléments, la plus grande peinture de contenu, le délai de première entrée et le décalage de mise en page cumulatif.

Le LCP est une mesure du temps qu'il faut pour que votre page se charge du premier clic sur le lien à la majorité du contenu. Il diffère des autres mesures de vitesse telles que TTFB car LCP mesure la vitesse de la page du point de vue de l'utilisateur. Que vous vérifiiez votre LCP à partir de Google PageSpeed ​​Insights ou de votre console de recherche Google, vous recevrez une analyse détaillée des éléments du site qui affectent votre LCP.

Varier:

• 0 à 2 secondes – Bon
• 3 à 4 secondes – Besoin d'amélioration
• 5 à 6 secondes – Mauvais

Le deuxième Core Web Vital est First Input Delay ou FID . Cela mesure le temps qu'il faut à un utilisateur pour interagir avec votre page. Une interaction peut être définie comme la sélection d'un menu, le remplissage d'un formulaire ou la recherche de leur produit préféré dans la barre de recherche. Donc, si votre site Web est hautement interactif, il s'agit d'un élément essentiel du Web essentiel sur lequel vous devriez travailler.

Varier:

• 0 à 100 ms – Bon
• 200ms à 300ms - Besoin d'amélioration
• 400ms à 500ms – Mauvais

Cumulative Layout Shift ou CLS mesure la stabilité visuelle de votre page lors de son chargement. En termes plus simples, si les images de votre page se déplacent pendant le chargement de votre page, vous avez un problème CLS qui doit être résolu. Google considère qu'il s'agit d'un élément essentiel du Web, car il est déroutant de déplacer un élément de page vers un autre emplacement une fois que la page est complètement chargée.

Varier:

• 0 à 0,1 – Bon
• 0,1 à 0,25 – Besoin d'amélioration
• 0,25 à 0,3 – Mauvais

Comment accélérer le site WordPress ?

Source : Techwyse

Il n'est pas nécessaire d'essayer toutes ces solutions simultanément pour un site WordPress plus rapide. Selon vos besoins, vous pouvez choisir de n'en utiliser que quelques-uns.

Alors on y va !

1. Demandez à votre fournisseur d'hébergement cloud

Avant de commencer à prendre des mesures, il est recommandé de demander à votre fournisseur d'hébergement géré WordPress son produit et sa compatibilité avec WordPress. Ils peuvent vous donner quelques conseils et idées sur la façon de rendre votre site WordPress plus rapide. Cela vous aidera à optimiser efficacement la vitesse de WordPress et vous fera gagner du temps.

Comment votre hébergeur peut-il améliorer la vitesse de votre site ?

Lorsque vous visitez un site Web, vous accédez essentiellement à des fichiers à partir d'un ordinateur qui se trouve probablement à des centaines ou des milliers de kilomètres de vous. Ce serveur doit effectuer des tâches telles qu'exécuter du code, exécuter des requêtes de base de données et servir des fichiers pour que votre page Web se charge. Plus ce serveur exécute ces tâches rapidement, plus votre site se charge rapidement.

Qu'est-ce qui détermine la vitesse de votre serveur ? Un serveur dédié est plus rapide car les ressources ne sont pas partagées entre d'autres sites Web, ce qui signifie que vous obtenez des performances optimales à tout moment de la journée. Un serveur dédié peut accélérer votre site WordPress car vous obtenez le serveur pour vous tout seul. Vous n'avez jamais à vous soucier de vous heurter aux limites de votre serveur.

Un plus gros serveur est certainement plus rapide qu'un plus petit. Par exemple, un disque dur SSD de 8 GM de RAM, 50 Go avec un processeur à 2 cœurs effectuera ces tâches beaucoup plus rapidement qu'un serveur avec moins de ressources.

2. Installez un plugin de mise en cache efficace

L'une des méthodes les plus populaires pour augmenter la vitesse de votre site consiste à utiliser un plugin de cache. Un plugin de mise en cache stockera la vue finale de votre site pour tous les futurs visiteurs. Cela signifie que votre WordPress n'aura pas à le générer pour chaque personne suivante qui consulte le site. Ces données peuvent inclure du code HTML, JS et CSS, des images, des polices et des fichiers Flash.

Breeze améliore l'expérience utilisateur de votre site en augmentant les performances d'un site WordPress, en réduisant les temps de téléchargement et en fournissant une intégration de réseau de diffusion de contenu en un clic.

Breeze est un plugin de cache WordPress sans tracas qui élimine la complexité des plugins de mise en cache les mieux notés.

Caractéristiques:

• Compatible WordPress, WooCommerce et WordPress Multisite.
• Minification
• Compression Gzip
• Prend en charge le vernis
• Mise en cache du navigateur
• Regroupement de fichiers statiques
• Optimisation de la base de données
• Exclusions de fichiers

Avant de choisir et d'installer un plugin par vous-même, demandez à votre hébergeur s'il préfère un plugin de mise en cache particulier.

3. Le réseau de diffusion de contenu ne vous décevra pas

Un CDN (Content Delivery Network) est également une autre option importante pour accélérer votre site WordPress. WordPress CDN offre de meilleurs temps de chargement pour votre site Web, quel que soit le type de site que vous utilisez.

Vous pouvez essayer d'excellentes options, telles que CloudwaysCDN, CloudFlare et jsDelivr.

CloudwaysCDN est un CDN facile à utiliser qui offre une intégration en un clic avec votre site WordPress au coût de seulement 1/25 Go/mois.

Caractéristiques:

• HTTPs pris en charge
• Intégration en un seul clic
• Abordable
• Portée mondiale

Cloudflare propose un plan gratuit de base qui comprend des performances de site rapides, des statistiques sur vos visiteurs et une protection de sécurité. Cloudflare utilise une technologie appelée Anycast, qui acheminera vos visiteurs vers le centre de données le plus proche. Il opère dans plus de 28 centres de données à travers le monde.

Caractéristiques:

• • Optimisation mobile
  • Un réseau mondial pour servir un DNS rapide
  • Analyse du trafic de votre site Web
  • Des applications pour un site plus rapide, plus sûr et plus simple en un clic

jsDelivr est un produit gratuit qui permet à tout développeur d'héberger ses fichiers, tels que CSS, JavaScript, les plugins jQuery et les polices. Cloudflare et MaxCDN le prennent en charge.

4. Recherchez les plugins inactifs ou les plugins qui ne fonctionnent pas correctement

Une autre façon d'accélérer votre site WordPress est de vérifier si vos plugins actuels fonctionnent correctement. Les plugins et les outils peuvent parfois provoquer un décalage dans votre site Web, ce qui le rend lent à charger.

Pour faire les tests, vous pouvez vous procurer un autre plugin. C'est ce qu'on appelle le moniteur de requêtes. Ce plugin est gratuit et une fois installé, il signalera tout problème de performances avec votre site Web.

Si vous trouvez des plugins qui ralentissent votre site Web, supprimez-les ou essayez de trouver d'autres plugins de performance pour votre site WordPress.

De plus, garder un grand nombre de plugins actifs affectera la vitesse de votre site WordPress.

5. Compresser les fichiers multimédias

Le téléchargement de très grandes images et vidéos ralentira considérablement votre site WordPress. Pour cette raison, une autre solution pour accélérer un site WordPress consiste à compresser vos fichiers multimédias.

Il existe un plugin gratuit pour WordPress qui peut réduire automatiquement toutes les dimensions de votre image, il n'est donc pas nécessaire de le faire à plusieurs reprises pour chaque image. Alternativement, vous pouvez également essayer WP Compress – un excellent plugin d'optimisation d'image.

En bref, des fichiers plus petits permettront à vos pages de mieux se charger et les fichiers multimédias compressés sont bons pour l'optimisation de la vitesse de WordPress.

6. Compressez la taille de votre site WordPress

Plus la taille de votre site Web est petite, plus il se chargera rapidement.

La compression GZip peut réduire la taille du contenu de votre site Web d'environ 70 %. Un site Web, après avoir été compressé, se charge plus rapidement en raison de la réduction de la bande passante.

La compression GZip peut être effectuée simplement en installant et en activant le plugin de cache Breeze WordPress. Cela vous aiderait à obtenir une bonne note de performance sur les outils de test de sites Web et à accélérer votre site WordPress.

7. Vérifiez si le site Web et la base de données sont dans le même centre de données

Vérifiez si votre site WordPress et la base de données se trouvent dans le même centre de données. La proximité est toujours importante lorsqu'on parle d'hébergement et de serveurs. Le fait d'avoir le site Web et sa base de données dans le même centre de données facilite et fluidifie le processus de récupération des publications et de travail avec la base de données, optimisant ainsi les performances du site Web.

Pour connaître l'emplacement de votre serveur, demandez à vos hébergeurs. Parfois, les entreprises affichent également l'emplacement de leurs serveurs pendant le processus d'inscription.

8. Optimisez la page d'accueil de votre site WordPress

Une autre chose que vous pouvez faire pour accélérer votre site WordPress est d'optimiser votre page d'accueil. Rendez-le plus simple, sans contenu en cluster ni widgets ou outils inutiles.

Aussi, n'affichez pas les messages dans leur intégralité. Vous pouvez afficher uniquement le premier paragraphe ou un extrait spécifique du texte. Afficher trop de messages sur la même page peut également entraîner un temps de chargement plus long.

Plus votre page d'accueil est propre, plus elle se chargera rapidement.

9. Mettre à jour Mettre à jour Mettre à jour

Gardez votre WordPress à jour à tout moment. Qu'il s'agisse d'un plugin ou d'un thème, gardez à l'esprit qu'ils restent à jour à tout moment. Si un nouveau correctif est disponible, essayez de tester chaque mise à jour sur un site de pré-production WordPress avant de l'appliquer sur un site en ligne.

10. Désactiver le hotlinking

Le hotlinking est un terme utilisé lorsqu'un site Web utilise les ressources d'un autre. Par exemple, si quelqu'un a copié une image de votre site, une fois son site chargé, il charge l'image de votre site. Cela signifie qu'il consomme de la bande passante et des ressources de votre serveur.

En termes plus simples, vous pouvez dire que le hotlinking est un « tueur » de bande passante maladroit.

Pour éviter un tel détournement, il vous suffit de mettre les lignes ci-dessous dans votre fichier WordPress .htaccess

 RewriteEngine activé
RéécritureCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXEMPLE [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Comme vous pouvez le voir, nous avons exclu les images Feedburner afin qu'elles puissent apparaître correctement dans vos flux en direct.

11. Minifier les fichiers JavaScript et CSS

Si vous testez votre site Web WordPress avec Google PageSpeed ​​Insights ou ySlow, un avertissement vous sera demandé pour réduire les fichiers JavaScript et CSS. Cela signifie que vous devez réduire les appels JS et CSS pour réduire le temps de réponse du serveur et réduire la taille des fichiers. En les réduisant, vous observerez que la vitesse de chargement du site devient beaucoup plus rapide qu'auparavant. Cela vous aidera éventuellement à économiser l'utilisation de la bande passante.

Il existe de nombreuses façons de minimiser. Vous pouvez le faire manuellement ou en utilisant un plugin de cache WordPress « Breeze ». Cependant, il existe également d'autres plugins comme Autoptimize.

12. Utilisez un thème léger

Il existe de nombreux thèmes brillants et magnifiques sur le marché WordPress. Mais n'oubliez pas, les thèmes avec beaucoup de contenu dynamique, widgets, curseur, barre latérale, etc., peuvent ralentir votre serveur d'hébergement.

Optimisez toujours votre thème WordPress ou utilisez un thème WordPress léger. Les thèmes WordPress par défaut peuvent suffire si vous souhaitez gérer un site Web de blogs. Pour plus de fonctionnalités, vous pouvez utiliser des thèmes basés sur Bootstrap et Foundation.

13. Révisions des postes de contrôle

Sans aucun doute, la révision des publications est une excellente fonctionnalité de WordPress. Mais toutes les fonctionnalités ne sont pas réalisables pour tout le monde. Il y a peu d'utilisateurs avec peu d'espace disque et base de données.

Dans les révisions de publication, chaque fois que vous modifiez le contenu, une nouvelle copie de la publication est enregistrée dans la base de données au lieu de supprimer la précédente. Pour que vous ayez toujours une chance de revenir en arrière. Cela augmente la taille de la base de données et une base de données de grande taille peut causer de nombreux problèmes.

Vous pouvez limiter la fréquence d'enregistrement automatique d'un message. À partir du dossier racine de votre installation WordPress, ouvrez le fichier wp-config avec n'importe quel éditeur de fichier et écrivez l'un des codes ci-dessous avant le code require_once(ABSPATH . 'wp-settings.php');

Limiter la révision de poste :

 définir ('WP_POST_REVISIONS', 3);

Cela limitera le nombre de révisions à 3. Cela signifie que votre WordPress se limitera à enregistrer seulement trois révisions.

Désactiver la publication de la révision :

 définir ('WP_POST_REVISIONS', faux);

Cela désactivera totalement la révision des publications pour votre site WordPress. Ce n'est pas la meilleure pratique de désactiver complètement.

Augmenter l'intervalle d'enregistrement automatique

 define('AUTOSAVE_INTERVAL', 300 ); // secondes

Vous pouvez également définir la fréquence d'enregistrement automatique d'un message. 300 secondes signifie que votre message sera enregistré automatiquement toutes les 5 minutes plutôt que les paramètres par défaut.

14. Supprimer les widgets inutiles et les boutons de partage social

Les utilisateurs de WordPress s'emportent souvent lorsqu'il s'agit de widgets. Les utilisateurs pensent qu'ils devraient en installer autant qu'ils le peuvent pour rendre leur site Web plus fonctionnel, sans savoir que ces widgets ont un coût différent de leur prix. Les widgets ont tendance à gonfler votre site Web, ce qui entraîne des temps de chargement lents car il génère un nombre important de demandes sur le front-end. De plus, chaque demande signifie un appel supplémentaire à la base de données

La meilleure solution pour accélérer votre site Web WordPress, dans ce cas, est de réduire au minimum vos widgets et d'utiliser uniquement ceux dont votre site Web a vraiment besoin. Pour d'autres fonctionnalités, vous pouvez également utiliser des codes, un moyen beaucoup moins gourmand en ressources de rendre votre site fonctionnel.

15. Réduisez les scripts externes et les requêtes HTTP

Les thèmes et les plugins sont souvent bourrés de scripts externes qui appellent diverses ressources, notamment JavaScript, CSS, des polices et des images.

En vérifiant le code source du site Web, vous rencontrerez des scripts que vous ne connaissez pas. Le meilleur moyen d'accélérer vos sites Web WordPress est de réduire autant de requêtes HTTP externes que possible et de les héberger séparément.

16. Optimiser la base de données WordPress

Pour optimiser la vitesse de WordPress, vous devez optimiser votre base de données WordPress. Tout comme le disque dur de votre ordinateur, votre base de données WordPress est remplie de déchets dont vous n'avez pas besoin. Une base de données WordPress non optimisée ralentit votre site Web au fil du temps. La solution simple pour cela est de le nettoyer de temps en temps.

Vous pouvez soit utiliser un plugin d'optimisation de base de données pour nettoyer votre base de données WordPress, soit libérer manuellement votre base de données des ordures dont vous n'avez pas besoin pour accélérer votre site Web WordPress.

17. Réduisez les appels à la base de données et utilisez le cache de la base de données

De nombreux thèmes WordPress sont mal codés et il y a de fortes chances que vous en utilisiez un qui envoie des appels inutiles à la base de données. Dans ce cas, il est essentiel que vous remplaciez tous les appels PHP et bases de données indésirables par du HTML simple.

Redis et Memcached sont deux mécanismes de mise en cache qui aident à accélérer votre site WordPress en mettant en cache toutes les demandes. De cette façon, il faut moins de temps pour répondre aux demandes les plus fréquentes.

18. Utilisez une meilleure base de données ou hébergez-la séparément

Il est essentiel que vous utilisiez une base de données fiable pour votre site WordPress. MySQL est le plus couramment utilisé par les hébergeurs en raison de sa fiabilité et de ses performances aux côtés de MariaDB et PostgreSQL.

Lorsque vous changez d'hébergeur, il est important que vous recherchiez la base de données qu'il fournit, car c'est un déterminant important de la vitesse de votre site. De plus, si votre hébergeur prend en charge MariaDB, je vous suggère d'y déplacer votre base de données pour une meilleure vitesse.

19. Ajout de polices Google

Les utilisateurs de WordPress utilisent souvent Google Fonts pour leur site Web en raison de sa vaste bibliothèque et du fait qu'il est hébergé séparément sur un serveur différent, ce qui réduit considérablement la charge sur le serveur.

Bien que l'utilisation de Google Fonts soit un excellent moyen d'égayer votre site Web, vous devez savoir comment en tirer le meilleur parti pour accélérer votre site Web WordPress.

Tout d'abord, vous devez vous assurer de précharger les polices Google pour optimiser la vitesse de votre site Web. Deuxièmement, il est toujours conseillé d'héberger vos polices Google localement, ce qui signifie télécharger le fichier de polices sur votre système local. Bien que cette méthode omet de dépendre d'un tiers lors de l'utilisation d'une police, elle empêche également les mises à jour automatiques, vous devrez donc mettre à jour les polices manuellement. Enfin, utilisez le moins de variantes de police possible, car plus vous utilisez de variantes de police, plus le téléchargement est long.

20. Paginer les commentaires

Les commentaires sont une caractéristique courante, en particulier pour les blogs WordPress. S'il s'agit d'un article populaire, il est probable que votre section de commentaires comprendra des centaines de commentaires qui nécessiteront des ressources pour se charger.

La pagination des commentaires est une bonne pratique pour accélérer votre site WordPress. Il permet aux utilisateurs de charger des commentaires à la demande, de sorte que seuls ceux qui sont intéressés par la section des commentaires pourront le voir. Vous pouvez y parvenir en accédant à Paramètres > Discussions .

21. Paginer le contenu long

En plus de la pagination des commentaires, vous pouvez également paginer du contenu long afin de raccourcir la longueur de la page pour la charger rapidement. Un autre avantage de décomposer votre contenu en pages est qu'il améliore la lisibilité et facilite la consommation.

La plupart des thèmes ont la possibilité de paginer le contenu du backend, mais si vous ne le trouvez pas, ouvrez simplement le fichier single.php dans votre éditeur et ajoutez <?php wp_link_pages(); ?> dans la boucle WP.

22. Images à chargement paresseux

Le chargement paresseux est une technique ancestrale d'optimisation de la vitesse de WordPress, où les images sont chargées lorsque l'utilisateur fait défiler la page. L'idée est de ne pas charger tous les éléments de la page en même temps car cela met le serveur sous tension, ce qui ralentit les temps de chargement. Au contraire, il charge les images au fur et à mesure que l'utilisateur atteint la partie de la page où l'image est placée.

Il existe un certain nombre de plugins de chargement différé que vous pouvez utiliser pour implémenter cette technique.

23. Utiliser des plateformes tierces pour le contenu visuel

Bien que les vidéos soient un bon moyen d'engager votre public, elles ont tendance à prendre une quantité importante de ressources de serveur à charger. Le meilleur moyen d'accélérer votre site WordPress dans ce cas est d'héberger vos vidéos séparément sur des services d'hébergement vidéo tels que Youtube ou Vimeo.

Vous pouvez télécharger les vidéos sur YouTube ou Vimeo et utiliser le code d'intégration pour les ajouter à votre page. De cette façon, vos vidéos n'utiliseront pas votre serveur pour se charger et libéreront des ressources pour d'autres éléments.

Sommaire

Ce sont quelques-unes des solutions que vous pouvez essayer de mettre en œuvre pour améliorer la vitesse du site WordPress. Si vous souhaitez en savoir plus sur les capacités d'un bon hébergement Web pour WordPress, consultez cette revue Cloudways par CollectiveRay.

S'il y a quelque chose d'important que j'ai manqué, n'hésitez pas à en parler dans les commentaires.