Aucun ne veut attendre sur un site lent. Nous avons travaillé dur pour faire de WPBeginner l’un des sites WordPress les plus rapides de la planète.
Dans le monde numérique rapide d’aujourd’hui, les pages web à chargement rapide sont une nécessité. Elles maintiennent l’intérêt des internautes, améliorent le nombre de pages vues et peuvent même aider au référencement de WordPress.
En optimisant les performances de nos propres sites et en offrant un service professionnel d’optimisation de la vitesse des sites, nous avons appris les stratégies les plus efficaces pour rendre les sites paresseux extrêmement rapides.
Dans cet article, nous partagerons les astuces d’optimisation de la vitesse de WordPress les plus utiles pour booster les performances de WordPress et accélérer votre site.
Contrairement aux autres listes « X meilleure extension de mise en cache WordPress » ou aux tutoriels génériques « X astuces pour accélérer WordPress », cet article est un guide complet sur l’optimisation des performances de WordPress.
Nous avons essayé de tout couvrir, de pourquoi la vitesse est importante à ce qui ralentit votre site WordPress et les étapes actionnables que vous pouvez prendre pour améliorer la vitesse de votre WordPress immédiatement.
Pour vous faciliter la tâche, nous avons créé une table des matières qui vous aidera à naviguer dans notre guide ultime pour accélérer votre site WordPress.
Table des matières
Les bases de la performance de WordPress
- Pourquoi la vitesse est-elle importante pour votre site WordPress ?
- Comment vérifier la vitesse de votre site WordPress
- Qu’est-ce qui ralentit votre site WordPress ?
- Importance d’un bon hébergeur WordPress
Accélérer WordPress en quelques étapes par étapes (Aucun codage)
Meilleures pratiques d’optimisation des performances de WordPress
- Maintenir votre site WordPress à jour
- Optimiser les processus d’arrière-plan
- Utiliser des extraits sur la page d’accueil et dans les archives
- Diviser les commentaires en pages
- Utiliser un réseau de distribution de contenu (CDN)
- Ne téléversez pas de fichiers audio ou vidéo directement sur WordPress
- Utiliser un thème optimisé pour la vitesse
- Utiliser des extensions plus rapides
Régler WordPress pour qu’il soit plus rapide (avancé)
- Diviser les longues publications en pages
- Réduire les demandes HTTP externes
- Réduire les appels à la base de données
- Optimiser la base de données de WordPress
- Limiter les révisions de publications
- Désactivez le Hotlinking et le Leeching de votre contenu
- Utiliser le chargement paresseux si nécessaire
- Utiliser un pare-feu de site Web au niveau DNS
- Corrigez les erreurs HTTPS/SSL sans extension
- Utiliser la dernière version de PHP
Pourquoi la vitesse est-elle importante pour votre site WordPress ?
Des études affichent qu’entre 2000 et 2016, la capacité d’attention moyenne des humains a chuté de 12 à 8 secondes. Aujourd’hui, elle se situe autour de 8,25 secondes en moyenne.
Qu’est-ce que cela signifie pour vous en tant que propriétaire de site ?
Cela signifie que vous avez très peu de temps pour afficher aux utilisateurs/utilisatrices votre contenu et les convaincre de rester sur votre site WordPress.
Un site lent signifie que les utilisateurs/utilisatrices risquent de quitter votre page avant même qu’elle ne soit chargée.
Selon une étude de cas de StrangeLoop portant sur Amazon, Google et d’autres grands sites, un retard d’une seconde dans le temps de chargement des pages peut prospecter une perte de 7 % des conversions, une diminution de 11 % des pages vues et une baisse de 16 % de la satisfaction des clients/clientes.
En outre, Google et d’autres moteurs de recherche ont déjà commencé à pénaliser les sites plus lents en les faisant descendre dans les résultats de recherche, ce qui se traduit par une baisse du trafic pour les sites lents.
Pour résumer, si vous voulez plus de trafic, d’abonnés/abonnées et de revenus pour votre site web, alors vous devez rendre votre site WordPress RAPIDE !
Comment vérifier la vitesse de votre site WordPress
Souvent, les débutants pensent que leur site est correct simplement parce qu’il ne semble pas lent sur leur ordinateur. C’est une ÉNORME erreur.
Étant donné que vous visitez fréquemment votre propre site web, les navigateurs modernes comme Chrome stockent votre site dans le cache et le récupèrent automatiquement dès que vous commencez à taper une adresse. Votre site se charge ainsi presque instantanément.
Cependant, un utilisateur/utilisatrice normal(e) qui visite votre site pour la première fois peut ne pas avoir la même expérience. En fait, des utilisateurs/utilisatrices situés dans des lieux géographiques différents auront une expérience complètement différente.
C’est pourquoi nous vous recommandons de tester la vitesse de votre site à l’aide d’un outil comme le test de vitesse WordPress d’IsItWP.
Il s’agit d’un outil en ligne gratuit qui vous permet de tester la vitesse de votre site.
Pour plus de recommandations, vous pouvez consulter notre guide sur la manière d’effectuer correctement un test de vitesse de site.
Après avoir effectué le test de vitesse de votre site web, vous vous demandez peut-être quelle vitesse de site vous devriez viser.
Un bon temps de chargement de page est inférieur à 2 secondes.
Toutefois, plus vous pouvez accélérer le processus, mieux c’est. Quelques millisecondes d’améliorations ici et là peuvent permettre de gagner une demi-seconde, voire une seconde entière, sur le temps de chargement.
Qu’est-ce qui ralentit votre site WordPress ?
Le rapport de votre test de vitesse contiendra probablement de nombreuses recommandations d’amélioration. Toutefois, la plupart de ces recommandations relèvent d’un jargon technique difficile à comprendre pour les débutants.
Savoir ce qui ralentit votre site est la clé pour améliorer les performances et prendre des décisions plus intelligentes à long terme.
Les principales causes de lenteur d’un site WordPress sont les suivantes :
- Hébergement web – Lorsque votre serveur hébergeur n’est pas correctement configuré, cela peut nuire à la vitesse de votre site.
- Configuration de WordPress – Si votre site WordPress n’utilise pas les pages mises en cache, votre serveur sera surchargé et votre site Web sera lent ou tombera en panne.
- Taille de la page – Les pages se chargent lentement si vous utilisez des images qui ne sont pas optimisées pour le web.
- Mauvais plugins – Si vous utilisez une extension mal codée, elle peut ralentir considérablement votre site.
- Scripts externes – Les scripts externes tels que les publicités, les chargeurs de polices, etc. peuvent également avoir un impact considérable sur les performances de votre site.
Maintenant que vous savez ce qui ralentit votre site WordPress, voyons comment l’accélérer.
Astuce : Vous souhaitez réduire le nombre d’extensions sur votre site ? Commencez à utiliser WPCode, qui est une puissante extension de gestion d’extraits de code pour WordPress. Il vous aidera facilement à réduire au moins 5 extensions.
Importance d’un bon hébergeur WordPress
Votre service d’hébergement WordPress joue un rôle important dans les performances de votre site. Un bon fournisseur d’hébergement mutualisé comme Bluehost ou SiteGround prend des mesures supplémentaires pour optimiser les performances de votre site.
En revanche, dans le cas de l’hébergement mutualisé, vous partagez les ressources du serveur avec de nombreux autres clients/clientes. Cela signifie que si votre site voisin reçoit beaucoup de trafic, cela peut avoir un impact sur les performances de l’ensemble du serveur, ce qui, à son tour, ralentira votre site.
En revanche, l’utilisation d’un service d’hébergement WordPress infogéré vous permet de bénéficier des configurations de serveur les plus optimisées pour faire fonctionner WordPress. Les entreprises d’hébergement WordPress infogérées proposent également des sauvegardes automatiques, des mises à jour WordPress automatiques et des configurations de sécurité plus avancées pour protéger votre site.
Nous recommandons WP Engine comme notre fournisseur d’hébergement WordPress géré préféré. C’est également l’hébergeur le plus populaire du secteur. (Voir notre coupon spécial WP Engine).
Accélérer WordPress en quelques étapes par étapes (Aucun codage)
Nous savons qu’apporter des modifications à la configuration de votre site peut être une idée terrifiante pour les débutants, surtout si vous n’êtes pas un as de la technologie.
Mais ne vous inquiétez pas, il y a des moyens d’y remédier.
Si vous n’êtes pas à l’aise pour faire des changements sur votre site par vous-même, WPBeginner Pro Services offre un service abordable d’optimisation de la vitesse du site qui peut s’en charger pour vous.
Nos experts WordPress vous aideront à améliorer la vitesse et les performances de votre site en un rien de temps. Le service d’optimisation de la vitesse du site comprend la configuration de la mise en cache, l’installation d’un CDN, la compression d’images, le chargement paresseux, un rapport de performance avant et après, et bien plus encore.
C’est une excellente option si vous n’êtes pas doué pour la technologie, si vous n’avez pas le temps d’effectuer les optimisations vous-même ou si vous souhaitez simplement une totale tranquillité d’esprit.
Cependant, nous avons aidé des milliers d’utilisateurs de WordPress à améliorer leurs performances.
Nous allons donc vous montrer comment vous pouvez accélérer votre site WordPress en quelques clics (aucun codage n’est nécessaire).
Si vous savez pointer et cliquer, vous pouvez le faire !
Installer un plugin de mise en cache WordPress
Les pages WordPress sont dynamiques. Cela signifie qu’elles sont construites à la volée chaque fois que quelqu’un visite une publication ou une page de votre site.
Pour la Version de vos pages, WordPress doit exécuter un processus pour trouver les informations nécessaires, les assembler, puis les afficher à votre compte.
Ce processus comporte de nombreuses étapes et peut vraiment ralentir votre site lorsque plusieurs personnes le visitent en même temps.
C’est pourquoi nous recommandons à tous les sites WordPress d’utiliser une extension de mise en cache. La mise en cache peut rendre votre site WordPress de 2x à 5x plus rapide.
Voici comment cela fonctionne.
Au lieu de passer par tout le processus de génération de la page à chaque fois, votre extension de mise en cache fait une copie de la page après le premier chargement et sert ensuite cette version en cache à tous les utilisateurs/utilisatrices suivants.
Comme vous pouvez le voir dans le graphique ci-dessus, lorsqu’un utilisateur visite votre site WordPress, votre serveur récupère les informations d’une base de données MySQL et de vos fichiers PHP. Il les rassemble ensuite dans un contenu HTML, qui est présenté au compte de l’utilisateur.
C’est un processus long, mais vous pouvez en passer une grande partie en utilisant la mise en cache.
Il existe de nombreuses extensions de mise en cache WordPress, mais nous recommandons d’utiliser WP Rocket (premium) ou WP Super Cache (gratuit).
Consultez notre guide étape par étape pour savoir comment installer et mettre en cache WP Super Cache sur votre site WordPress. Il n’est pas difficile à définir, et vos internautes remarqueront la différence.
Par ailleurs, de nombreuses entreprises d’hébergement WordPress comme Bluehost et SiteGround proposent des solutions de mise en cache.
SiteGround SG Optimizer
Si vous utilisez SiteGround, votre site WordPress sera préinstallé avec leur SG Optimizer. Cette extension a toutes les fonctionnalités puissantes que vous obtiendriez avec un plugin de mise en cache WordPress premium comme WP Rocket.
La meilleure partie est qu’il est spécialement optimisé pour les serveurs Google Cloud de SiteGround pour vous donner des résultats de performance supérieurs.
Outre la mise en cache, vous bénéficiez également de divers autres réglages de performance, de la conversion d’images WebP dans WordPress, de l’optimisation de la base de données, de la minification CSS, de la compression GZIP, et bien plus encore.
Il dispose également de fonctionnalités de mise en cache dynamique pour vous aider à accélérer votre site e-commerce.
Mise en cache Bluehost
Si vous utilisez Bluehost, vous pouvez aller dans la section Sites » Vitesse pour ajuster vos paramètres de mise en cache.
Si vous utilisez un fournisseur d’hébergement WordPress géré, vous n’avez pas besoin d’une extension de mise en cache car elle est intégrée et activée par défaut.
Bonus : vous pouvez combiner les extensions de mise en cache avec un pare-feu d’application web comme CloudFlare ou Sucuri pour une augmentation maximale des performances.
Optimiser la vitesse des images
Les images donnent de la vie à votre contenu et aident à stimuler l’engagement. Les chercheurs ont trouvé que l’utilisation de visuels colorés rend les gens 80% plus susceptibles de lire votre contenu.
Cependant, si vos images ne sont pas optimisées, elles peuvent nuire plus qu’aider. En fait, les images non optimisées sont l’un des problèmes de vitesse les plus courants que nous constatons sur les sites de débutants.
Avant de téléverser une photo directement depuis votre téléphone ou votre appareil photo, nous vous recommandons d’utiliser un logiciel de modification de photos afin d’optimiser vos images pour le web.
Dans leur format d’origine, ces photos peuvent avoir une taille de fichier considérable. Mais en fonction du format du fichier image et de la compression que vous choisissez dans votre logiciel de modification, vous pouvez réduire la taille de votre image jusqu’à 5 fois.
Chez WPBeginner, nous utilisons uniquement deux formats d’image : JPEG et PNG.
Vous vous demandez peut-être maintenant : quelle est la différence ?
Le format d’image PNG n’est pas compressé. Lorsque vous comprimez une image, vous perdez des informations. Une image non comprimée sera donc de meilleure qualité et plus détaillée. L’inconvénient est que le fichier est plus volumineux et prend donc plus de temps à charger.
Le format JPEG, quant à lui, est un format de fichier compressé qui réduit légèrement la qualité de l’image, mais dont la taille est nettement inférieure.
Comment décider du format d’image à choisir ?
- Si notre photo ou image a beaucoup de couleurs différentes, nous utilisons le format JPEG.
- S’il s’agit d’une image plus simple ou si nous avons besoin d’une image transparente, nous utilisons le format PNG.
Vous trouverez ci-dessous un tableau comparatif des tailles de fichiers obtenues par différents outils de compression sur une image particulière.
Comme vous pouvez le voir dans le tableau, le format d’image que vous utilisez peut faire une ÉNORME différence en termes de taille de fichier, ce qui affectera les performances de votre site.
Pour savoir exactement comment optimiser vos images à l’aide de Photoshop et d’autres outils de modification courants, sans sacrifier la qualité, consultez notre guide étape par étape sur l’optimisation des images pour les performances web sans perte de qualité.
Meilleures pratiques d’optimisation des performances de WordPress
Après avoir installé une extension de mise en cache et optimisé vos images, vous remarquerez que votre site commencera à se charger beaucoup plus rapidement.
Mais si vous voulez vraiment que votre site soit aussi rapide que possible, vous devrez utiliser les meilleures pratiques énumérées ci-dessous.
Ces astuces ne sont pas trop techniques, vous n’avez donc pas besoin de connaître le code pour les mettre en œuvre. Mais en les utilisant, vous éviterez des problèmes courants qui ralentiront votre site.
Maintenir votre site WordPress à jour
En tant que projet open-source bien entretenu, WordPress est fréquemment mis à jour. Chaque mise à jour offre uniquement de nouvelles fonctionnalités, mais corrige également les problèmes de sécurité et les bogues. Votre thème WordPress et vos extensions peuvent également faire l’objet de mises à jour régulières.
En tant que propriétaire de site web, il est de votre responsabilité de maintenir votre site WordPress, votre thème et vos extensions à jour avec les dernières versions. Ne pas le faire peut rendre votre site lent et peu fiable, et vous rendre vulnérable aux menaces de sécurité.
Pour plus de détails sur l’importance des mises à jour, consultez notre article sur les raisons pour lesquelles vous devriez toujours utiliser la dernière version de WordPress.
Optimiser les processus d’arrière-plan
Les processus d’arrière-plan dans WordPress sont des tâches planifiées qui s’exécutent en arrière-plan de votre site WordPress. Voici quelques exemples de tâches d’arrière-plan qui s’exécutent sur un site WordPress :
- Tâches du plugin d’extension WordPress
- WordPress cron jobs pour publier des publications planifiées
- Les tâches cron de WordPress pour vérifier les mises à jour
- Les moteurs de recherche et autres robots d’indexation qui tentent de récupérer du contenu.
Les tâches telles que les tâches cron pour les publications et les mises à jour planifiées ont un impact minime sur les performances du site.
Cependant, d’autres processus en arrière-plan, comme les extensions de sauvegarde et l’exploration excessive par les moteurs de recherche, peuvent ralentir un site.
Vous devez vous assurer que votre extension de sauvegarde WordPress fonctionne uniquement pendant les périodes de faible trafic sur votre site. Vous devez également adapter la fréquence des sauvegardes et les données qui doivent être sauvegardées.
Par exemple, si vous créez une sauvegarde quotidienne complète alors que vous publiez uniquement du nouveau contenu deux fois par semaine, vous devez ajuster cela.
Si vous souhaitez des sauvegardes plus fréquentes, comme des sauvegardes en temps réel, nous vous recommandons alors d’utiliser une solution SaaS comme BlogVault afin de ne pas taxer votre serveur.
En ce qui concerne l’exploration, vous devez garder un œil sur vos rapports d’exploration dans la Google Search Console. Des explorations fréquentes qui donnent lieu à des erreurs peuvent entraîner un ralentissement ou un manque de réactivité de votre site.
Consultez notre guide complet sur Google Search Console pour savoir comment évaluer le taux d’exploration.
Utiliser des extraits sur la page d’accueil et dans les archives
Par défaut, WordPress affiche le contenu intégral de chaque article sur votre page d’accueil et dans les archives. Cela signifie que votre page d’accueil, vos catégories, vos identifiants et les autres pages d’archives se chargeront tous plus lentement.
Un autre inconvénient de l’affichage d’articles complets sur ces pages est que les utilisateurs/utilisatrices ne ressentent pas le besoin de visiter l’article proprement dit. Cela peut réduire le nombre de pages vues et le temps que les utilisateurs/utilisatrices passent sur votre site.
Afin d’accélérer le temps de chargement des pages d’archives, vous pouvez définir votre site de manière à ce qu’il affiche des extraits au lieu du contenu complet.
Vous pouvez aller dans Réglages » Lecture et sélectionner « Extrait » au lieu de « Texte intégral » à côté du paramètre concernant ce qui doit être affiché pour chaque article dans un flux.
Pour plus de détails sur les avantages et les inconvénients de l’affichage des résumés, consultez notre article sur la publication complète par rapport au résumé (extrait) dans vos pages d’archives WordPress.
Diviser les commentaires en pages
Vous recevez beaucoup de commentaires sur vos publications de blog? Félicitations ! C’est un excellent indicateur d’un public engagé.
Mais l’inconvénient est que le chargement de tous ces commentaires peut avoir un impact sur la vitesse de votre site.
WordPress dispose d’une solution intégrée pour cela. Il suffit d’aller dans Réglages » Discussion et de cocher la case à côté de l’option » Répartir les commentaires dans les pages « .
Pour des instructions plus détaillées, consultez notre guide sur la pagination des commentaires dans WordPress.
Utiliser un réseau de distribution de contenu (CDN)
Vous vous souvenez que nous avons mentionné plus haut que les utilisateurs/utilisatrices de différents emplacements géographiques peuvent avoir des temps de chargement différents sur votre site ?
En effet, l’Emplacement de vos serveurs web hébergeurs peut avoir un impact sur la vitesse de votre site.
Supposons par exemple que les serveurs de votre entreprise d’hébergeur se trouvent aux États-Unis. Un internaute qui se trouve également aux États-Unis constatera généralement des temps de chargement plus rapides qu’un internaute en Inde.
L’utilisation d’un réseau de distribution de contenu (CDN) peut aider à accélérer les temps de chargement pour tous vos internautes.
Un CDN est un réseau composé de serveurs répartis dans le monde entier. Chaque serveur stockera les fichiers statiques utilisés pour composer votre site.
Ces fichiers statiques comprennent des fichiers immuables tels que des images, CSS et JavaScript, contrairement à vos pages WordPress qui sont dynamiques comme expliqué ci-dessus.
Lorsque vous utilisez un CDN, chaque fois qu’un compte visite votre site, il reçoit ces fichiers statiques du serveur le plus proche. Votre propre serveur web hébergeur sera également plus rapide puisque le CDN fait une grande partie du travail.
Vous pouvez voir comment cela fonctionne dans cette infographie.
Nous recommandons d’utiliser Sucuri, Bunny CDN, ou Cloudflare (gratuit).
Un CDN fonctionne bien avec les sites WordPress et complète vos plugins de mise en cache WordPress existants pour des temps de chargement encore plus rapides.
Ne téléversez pas de fichiers audio ou vidéo directement sur WordPress
Vous pouvez téléverser directement des fichiers audio et vidéo sur votre site WordPress, et il les affichera automatiquement dans un lecteur HTML5….
Mais il ne faut JAMAIS faire cela !
Héberger des fichiers audio et vidéo vous coûtera de la bande passante. Votre entreprise d’hébergeur peut vous facturer des frais de dépassement, voire fermer complètement votre site, même si votre offre comprend une bande passante « illimitée ».
L’hébergement de fichiers multimédias volumineux augmente considérablement la taille de vos sauvegardes et complique la restauration de WordPress à partir d’une sauvegarde.
Vous devriez plutôt utiliser un service d’hébergement audio et vidéo comme YouTube, Vimeo, DailyMotion ou SoundCloud, et les laisser s’occuper du travail difficile. Ils disposent de la bande passante nécessaire !
WordPress dispose d’une fonctionnalité intégrée d’intégration des vidéos. Vous pouvez donc copier et coller l’URL de votre vidéo directement dans votre publication et elle sera intégrée automatiquement.
Trouvez plus de détails sur son fonctionnement dans notre guide sur l’Embarqué des vidéos dans WordPress.
Si vous créez un site de podcast avec WordPress, nous vous recommandons d’utiliser le service d’hébergement de podcasts Blubrry pour obtenir les meilleures performances.
Utiliser un thème optimisé pour la vitesse
Lorsque vous sélectionnez un thème pour votre site, il est important d’accorder une attention particulière à l’optimisation de la vitesse. Certains thèmes d’apparence magnifique et impressionnante sont en réalité mal codés et peuvent ralentir considérablement votre site.
Il est généralement préférable d’opter pour un thème plus simple que de choisir un thème surchargé de mises en page complexes, d’animations tape-à-l’œil et d’autres fonctionnalités inutiles. Vous pouvez toujours ajouter ces fonctionnalités à l’aide d’extensions WordPress de qualité.
Les boutiques de thèmes WordPress premium comme StudioPress, Themify, CSSIgniter et Astra proposent des thèmes bien codés et optimisés pour la vitesse. Vous pouvez également consulter notre article sur la sélection du thème WordPress parfait pour obtenir des conseils sur ce qu’il faut rechercher.
Avant d’activer votre nouveau thème, consultez notre guide sur la manière de changer correctement de thème WordPress pour une transition en douceur.
Utiliser des extensions plus rapides
Les extensions WordPress mal codées ajoutent souvent beaucoup de poids, que votre site ait réellement besoin de l’extension ou non. Cela augmente la vitesse de chargement de votre page et ralentit votre site.
Pour vous aider à choisir les meilleures extensions, nous publions souvent nos choix d’experts des meilleures vitrines de plugins WordPress. Nous accordons une attention particulière à la facilité d’utilisation, à l’expérience utilisateur et surtout aux performances.
Voici quelques-uns de nos meilleurs choix pour les catégories d’extensions WordPress les plus courantes :
- WPForms – L’extension de formulaire de contact la plus rapide et la plus conviviale pour les débutants sur WordPress.
- All in One SEO – Puissante extension WordPress SEO qui met l’accent sur la performance du site pour vous aider à obtenir un meilleur classement SEO.
- MonsterInsights – La meilleure extension Google Analytics pour WordPress qui ne ralentit pas votre site. Il inclut même des facultatifs pour charger gtag.js localement afin d’accélérer vos scores Google Core Web Vitals.
- Novashare – De nombreuses extensions de médias sociaux chargent des scripts supplémentaires et de manière peu gracieuse. Novashare est l’une des extensions de médias sociaux les plus rapides pour WordPress.
- SeedProd – Une extension de page d’atterrissage WordPress qui vous aide à construire des pages d’atterrissage ultra-rapides et même à concevoir un thème entier à partir de zéro.
Outre nos recommandations, vous pouvez également effectuer vos propres tests. Il suffit d’effectuer des tests de vitesse avant et après l’installation d’une extension pour comparer son impact sur les performances.
Pour plus de détails, consultez notre guide sur l ‘exécution d’un test de vitesse WordPress.
Régler WordPress pour qu’il soit plus rapide (avancé)
En utilisant les meilleures pratiques d’optimisation de WordPress et les astuces de vitesse de base énumérées ci-dessus, vous devriez constater une grande amélioration des temps de chargement de votre site.
Mais chaque fraction de seconde compte. Si vous souhaitez obtenir la vitesse la plus rapide possible, vous devrez procéder à quelques modifications supplémentaires.
Les astuces suivantes sont un peu plus techniques, certaines nécessitant de modifier les fichiers de votre site ou d’avoir des connaissances de base en PHP.
Confirmez également la sauvegarde de votre site, au cas où.
Diviser les longues publications en pages
Les lecteurs ont tendance à aimer les publications de blog plus longues et plus approfondies. Les publications plus longues sont même souvent mieux classées dans les moteurs de recherche.
Mais si vous publiez des articles longs formulaires contenant beaucoup d’images, celles-ci peuvent nuire au temps de chargement de vos pages.
Pensez plutôt à diviser vos publications les plus longues en plusieurs pages.
WordPress dispose d’une fonctionnalité intégrée pour ce faire. Il suffit d’ajouter un bloc Saut de page dans votre article à l’endroit où vous souhaitez démarrer une nouvelle page.
Pour des instructions plus détaillées, consultez notre tutoriel sur la pagination des publications – comment diviser les articles WordPress en plusieurs pages.
Réduire les demandes HTTP externes
De nombreuses extensions et thèmes WordPress chargent toutes sortes de fichiers provenant d’autres sites. Ces fichiers peuvent inclure des scripts, des feuilles de style et des images provenant de ressources externes telles que Google, Facebook, des services d’analyse, etc.
Vous pouvez en utiliser quelques-uns. Beaucoup de ces fichiers sont optimisés pour se charger le plus rapidement possible, ce qui est plus rapide que de les héberger sur votre propre site.
Mais si vos extensions font beaucoup de ces demandes, alors cela pourrait ralentir votre site de manière significative.
Vous pouvez réduire toutes ces demandes HTTP externes en désactivant les scripts et les styles ou en les fusionnant dans un seul fichier. Voici un tutoriel sur la manière de désactiver les fichiers CSS et JavaScript de vos extensions.
Réduire les appels à la base de données
Malheureusement, il existe beaucoup de thèmes WordPress mal codés. Ils ignorent les pratiques standard de WordPress et finissent par faire des appels directs à la base de données, ou trop de demandes inutiles à la base de données.
Cela peut vraiment ralentir votre serveur en lui donnant trop de travail à faire.
Même les thèmes bien codés peuvent contenir du code qui fait des appels à la base de données juste pour obtenir les informations de base de votre blog.
Note : Cette étape est un peu plus technique et nécessite des connaissances de base en PHP et en fichiers de modèles WordPress.
Dans cet exemple, chaque fois que vous voyez <?php
, c’est le début d’un nouvel appel à la base de données :
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php language_attributes(); ?>">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>
charset=<?php bloginfo('charset'); ?>" />
On ne peut pas en vouloir aux développeurs/développeuses de thèmes. Ils n’ont tout simplement aucun autre moyen de trouver la langue de votre site.
Mais si vous personnalisez votre site à l’aide d’un thème enfant, vous pouvez remplacer ces appels à la base de données par des informations spécifiques. Cela réduira tous ces appels à la base de données.
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Vous pouvez consulter votre thème parent pour trouver des exemples de ce type qui peuvent être facilement remplacés par des informations statiques.
Optimiser la base de données de WordPress
Après avoir utilisé WordPress pendant un certain temps, votre base de données contiendra de nombreuses informations dont vous n’avez probablement plus besoin. Pour améliorer les performances, vous pouvez optimiser votre base de données afin de vous débarrasser de toutes ces informations inutiles.
Cela peut être facilement géré avec l’extension WP-Sweep ou l’extension WP-Optimize. Ces deux outils vous permettent de nettoyer votre base de données WordPress en supprimant des éléments tels que les publications mises à la corbeille, les révisions, les identifiants inutilisés, etc. Ces extensions optimiseront également la structure de votre base de données en un clic.
Consultez notre guide sur l’optimisation de votre base de données WordPress pour améliorer les performances.
Limiter les révisions de publications
Lesrévisions de publications occupent de l’espace dans la base de données de WordPress. Certains utilisateurs/utilisatrices pensent que les révisions peuvent également affecter certaines requêtes de base de données exécutées par les extensions. Si l’extension n’exclut pas spécifiquement les révisions d’articles, elle peut ralentir votre site en les recherchant inutilement.
Vous pouvez facilement limiter le nombre de révisions que WordPress conserve pour chaque article. Il suffit d’ajouter cette ligne de code à votre fichier wp-config.php :
define( 'WP_POST_REVISIONS', 4 );
Ce code permet à WordPress d’enregistrer uniquement les 4 dernières révisions de chaque publication ou page, et de supprimer automatiquement les révisions plus anciennes.
Désactiver le hotlinking et le lessivage de votre contenu
Si vous créez du contenu de qualité sur votre site WordPress, la triste vérité est qu’il sera probablement volé tôt ou tard.
Cela se produit notamment lorsque d’autres sites Web diffusent vos images directement à partir de leur URL sur votre site Web, au lieu de les téléverser sur leurs propres serveurs. En fait, ils volent la bande passante de votre hébergeur et vous n’affichez aucun trafic en conséquence.
Il suffit d’ajouter ce code à votre fichier .htaccess pour bloquer le hotlinking des images de votre site :
#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?wpbeginner.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
N’oubliez pas de modifier WPBeginner.com avec votre propre domaine.
Vous pouvez également consulter notre article affichant comment empêcher le vol d’images sur WordPress.
Certains sites de raclage de contenu créent automatiquement des publications en volant votre contenu à partir de votre flux RSS. Vous pouvez consulter notre guide sur la prévention du scraping de contenu de blog dans WordPress pour connaître les moyens de faire face au vol de contenu automatisé.
Utiliser le chargement paresseux si nécessaire
Si vous ajoutez de nombreuses images, plusieurs contenus vidéo embarqués et des galeries de photos à vos publications de blog, votre site peut bénéficier du chargement paresseux.
Au lieu de charger toutes vos images et vidéos en même temps, le chargement paresseux télécharge uniquement celles qui seront visibles sur l’écran du compte. Il remplace toutes les autres images et vidéos embarquées par une image de remplacement.
Lorsqu’un compte défile vers le bas, votre site charge les images qui sont maintenant visibles dans la zone de vue du navigateur. Vous pouvez charger paresseusement des images, des vidéos et même des commentaires WordPress et des gravatars.
Vous pouvez en savoir plus dans notre guide sur la façon de charger facilement des images paresseuses dans WordPress où nous couvrons la façon de le faire en utilisant les extensions WP Rocket et Optimole.
Pour les commentaires WordPress, voir notre guide sur le chargement paresseux des commentaires dans WordPress.
Utiliser un pare-feu de site au niveau DNS
Une extension de pare-feu WordPress vous aide à bloquer les attaques par force brute, les tentatives de piratage et les logiciels malveillants. Cependant, toutes les extensions de pare-feu ne se valent pas.
Certains d’entre eux s’exécutent sur votre site, ce qui signifie que les attaquants sont déjà en mesure d’atteindre votre serveur web avant qu’ils ne soient bloqués. Cela reste efficace en termes de sécurité, mais n’est pas optimal en termes de performances.
C’est pourquoi nous recommandons d’utiliser un pare-feu au niveau du DNS comme Cloudflare ou Sucuri. Ces pare-feu bloquent les demandes malveillantes avant même qu’elles n’atteignent votre site.
Corrigez les erreurs HTTPS/SSL sans extension
Si vous passez votre site en HTTPS/SSL, il est probable que vous rencontriez des erreurs de contenu mixte.
La façon la plus simple de corriger ce problème est d’installer une extension comme Really Simple SSL. Cependant, le problème est que cette extension modifie d’abord toutes les URL, puis les modifie en HTTPS avant de les envoyer aux navigateurs des utilisateurs/utilisatrices.
L’impact sur les performances est faible mais perceptible. Vous pouvez le réduire en corrigeant manuellement toutes les URL. Pour plus de détails, consultez notre article sur la façon de corriger les problèmes SSL courants dans WordPress.
Utiliser la dernière version de PHP
WordPress est principalement écrit dans le langage de programmation PHP. Il s’agit d’un langage côté serveur, ce qui signifie qu’il est installé et fonctionne sur votre serveur d’hébergement.
Toutes les bonnes entreprises d’hébergement WordPress utilisent la version PHP la plus stable sur leurs serveurs. Cependant, il se peut que votre entreprise d’hébergement utilise une version PHP légèrement plus ancienne.
Le nouveau PHP 8.3 est 42 % plus rapide que ses prédécesseurs. C’est un énorme gain de performance dont votre site doit tirer parti.
Vous pouvez voir quelle version de PHP votre site utilise en utilisant l’extension Version Info.
Dès qu’il est activé, le plugin affiche votre version de PHP dans le pied de page de votre tableau de bord WordPress.
Si votre site utilise une version inférieure à PHP 7, demandez à votre fournisseur d’hébergement de la mettre à jour pour vous. S’il n’est pas en mesure de le faire, il est temps de trouver une nouvelle entreprise d’hébergement WordPress.
Voilà, c’est fait ! Nous espérons que cet article vous a aidé à apprendre comment améliorer la vitesse et les performances de WordPress.
Allez-y, essayez ces techniques. N’oubliez pas de tester la vitesse de votre site avant et après la mise en œuvre de ces meilleures pratiques. Vous serez surpris que ces modifications boostent les performances de votre WordPress.
Vous voulez un rapport de performance WordPress personnalisé ? Chez WPBeginner Pro Services, vous pouvez obtenir un rapport de performance complet pour découvrir les moyens de rendre le chargement de votre site WordPress plus rapide et d’améliorer l’expérience des utilisateurs. Choisissez simplement le service dans notre catalogue de support WordPress et nous nous mettrons au travail. Planifiez le support WordPress aujourd’hui !
Vous pouvez également consulter notre guide ultime de référencement WordPress pour améliorer votre classement SEO, et notre choix d’experts des meilleurs services de téléphonie d’entreprise pour les petites entreprises.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Kushal Phalak
Can you give any advice to reduce DOM elements? I tested my website’s performance on google pagespeed insights and it suggested to reduce DOM elements. But my website is pretty minimal, and I don’t know from where the extra DOM elements are coming from.
WPBeginner Support
Your DOM size would normally be determined by your theme or page builder as that is from your theme’s HTML.
Administrateur
Ralph
An excessive DOM size isn’t much fun to sort out.
The easiest way to think of DOM elements is « things put on the page ». These are either things that you’ve put on the page, or they’re things that your page builder (some drag and drop editors add a lot of DOM elements) has put on the page.
Based on what you mentioned about your site being fairly minimal it doesn’t sound like you’ve put a lot of elements on your pages when building them, so I’d guess you’re using a page builder that adds a lot of DOM elements. A really quick (yet slightly vague) way of checking might be to do something like visit a page on your site, right click, view source, ctrl+f (find on page) then search for the name of your page builder. If a lot of mentions are found, then it’s probably the page builder contributing to the excessive DOM size.
If you establish what it is that’s adding lots of DOM elements to your site, you have some direction to take to address this issue.
Some page builders have options that can help reduce the DOM size (you’d have to check), but some don’t, and if they don’t, you’re then left with little choice but to rebuild your site using a different page builder. This can be quite a job. Setting up a staging site, then using Wordpress’ export/import tool to clone content to the staging site will cut down on the amount of work you have to do, but you’ll most likely still have to check and possibly rework pages using something like the blocks editor (rather than another drag and drop page builder).
This probably sounds like an epic amount of hassle, but if you do this, then it will do more than just improve page load times, and stop pagespeed insights complaining about DOM size.
By reducing the DOM size you’ll also end up with an improved text to code ratio. This is because you’re reducing the amount of page code, but leaving the human readable words the same. The human readable words then make up a greater percentage of each page. This can have a positive impact on SEO, as well as improving page performance from the perspective of human visitors, so it is worth working out and making an effort to address.
Kushal Phalak
Thanks for the reply! I use Elementor page builder, and I just found out that there is an option to optimize the DOM elements. In my case, as I created custom post type listings, the DOM elements increased, so right now, activating the ‘Optimize DOM elements’ option does help a little.
Ayanda Temitayo
i just want to add to it that one of the best ways to check your website speed is to use Google pagespeed Insight or GtMetrix. This are good tools that will tell you about your website speed score and how you can optimize speed.
Thanks for this awesome article. Very Insightful.
Harshvardhan kadam
It really Helped Me , I am getting several time database error on my site ,but after that as you said in post I installed wp-optimize plugin and cleaned the database.now it much better not getting database errors and also my site site speed up little bit so that’s nice!
WPBeginner Support
Glad our recommendations were able to help!
Administrateur
Anuoluwapo Olabode Oludare
A fast loading website is a website developer and also a customer’s dream. I’ve used several speed optimization plugins to make my website load faster and so far. I’ve tried Nitropack, WP Rocket, Litespeed Server Cache, WP Fastest Cache, W3 Total Cache, Seraphinite and so on.
I believe the best is Seraphinite because it beats all the others I’ve tested and my website is an heavy one, built with Elementor. I really recommend using a webp image converter like Converter for Media plugin as it’ll help convert your images and get your website loading faster too.
WPBeginner Support
Thank you for sharing which plugin worked for you and your needs
Administrateur
Moinuddin Waheed
I have used wp rocket for caching and found it to very useful in terms of making the website load faster.
The interesting thing that I found in this article is to disable css and js for external http requests as it may slowdown the website speed.
we do install many plugins for functionality and never knew what resources burden they can cause to our websites.
I have a query, if we disable js and css from loading, will still they be working as intended?
or how would we know which to disable and which not to?
WPBeginner Support
For the moment the only way to know would be to test as there is no guarantee either way on what specific way it would work or if it would have a problem.
Administrateur
Peter Iriogbe
I’m writing this comment to ask a question regarding what you mentioned that could be affecting the slow loading of a website – which you mentioned « outdated PHP version ». Is it the site owner that would need to update the PHP version of the WordPress site on the open-source developers? I’m confused
WPBeginner Support
The site owner would need to update the PHP version or reach out to their hosting provider to update the PHP version. When doing an update of that it is important to make sure you have proper backups should there be any trouble during the update.
Administrateur
mohadese esmaeeli
The webp image format is much lighter than png images, but the challenge is that they are not easily downloadable. If a user encounters images from our site in a Google search, it can be somewhat inconvenient. Nevertheless, what is your opinion? Which standard is more reliable and user-friendly?
WPBeginner Support
For the moment we do not have a definitive on what is best.
Administrateur
Jiří Vaněk
Although the webp format is not too much to download, there are many online tools for converting from png or jpeg to webp. That’s how I do it. I download the png, convert it to webp and then upload the finished webp image to the website.
Moinuddin Waheed
fast loading of websites not only helps in good user experience but in turns help reduce bounce rate and retain visitors for a long time.
I am implementing the steps for making the websites ultra fast and good performance.
But even after doing many of these steps, at times it feels like something is missing may be it is due to shared hosting plan.
what is the appropriate time when we must plan to upgrade to business or managed wordpress hosting?
WPBeginner Support
There are multiple things to consider, for a starting point we would recommend taking a look at our article below:
https://www.wpbeginner.com/beginners-guide/when-should-you-change-your-wordpress-web-hosting-top-7-key-indicators/
Administrateur
Jiří Vaněk
I would like to ask about the prohibition of hotlinking on the website. Webp images are missing in your example. Is it possible to ban images in webp format in this way?
WPBeginner Support
To add WebP to the hotlink protection you would add |webp to the list of file types to include it
Administrateur
Jiří Vaněk
I tried that and it just didn’t work. However, I’ve already found out why it’s not working. This is due to CDN CloudFlare serving images from their network and not from my VPS. Unfortunately, there is probably no solution for this, because although they provide protection against hotlinking, it still does not include protection for the webp format. That’s a big shame these days, because as I found out, I have a lot of stolen images on the Internet. According to Semrush, I looked up those sites but can’t do anything about it.
mohadese esmaeeli
hi. We had some redirects that got stuck in a loop, causing the site to hang. For example, page A redirected to B, then B to C, and finally, C back to A. Resolving such redirect loops improved site performance and Some links were still loading with the http protocol, requiring redirects. However, after reinstalling the SSL certificate once, the SSL issue was resolved, and no more redirects were needed.
After completing the research, the site speed unbelievably improved from 5 seconds to 1 second.
Moinuddin Waheed
I got new insights from this bookmarked page that I thought I would visit to ensure implementing these tips to improve my website performance.
I used to upload video on my website directly through media files which caused it to slow down.
When uploading videos from YouTube, does it make any difference in terms of performance and speed for unlisted YouTube videos and listed videos because often I have seen advise of embedding unlisted videos?
WPBeginner Support
Unless we hear otherwise, there is no performance benefit for embedding an unlisted video.
Administrateur
Jiří Vaněk
Videos on youtube are on very fast servers that can handle millions of visits per hour in 4k resolution. It doesn’t really matter if the video is public or private. YouTube will never generate such a large load to slow it down.
THANKGOD JONATHAN
Really interesting article.
I have learn that website speed is very important for SEO and UX.
But today I get aome new insights: Split comments into pages and don’t upload madias directly to Wordpress.
Moinuddin Waheed
Website speed is one of the important factor for Google to rank in its search engine. Moreover most visitors left the website and not wait if it gets loaded slow.
This is one of those guides which needs to be bookmarked to get back to it and ensure that I have implemented it to my blog posts.
Thanks wpbeginner for this helpful guide.
Ahmed Omar
Really a wonderful post.
my site hosted on siteground and my first time to know about SiteGround SG Optimizer
really thank you
but how I can test my site for performance speed?
WPBeginner Support
You can see our guide below for how to test your site’s speed.
https://www.wpbeginner.com/beginners-guide/how-to-properly-run-a-website-speed-test-best-tools/
Administrateur