Guide complet de l'optimisation de la vitesse de WordPress

Publié: 2021-04-19

Imaginez que vous avez une grande réunion et que votre équipe répète depuis tout le mois. Après tous ces préparatifs, un coéquipier chargé d'apporter l'ordinateur portable dont vous avez besoin pour la présentation est en retard. Et, le coéquipier se présente dix minutes plus tard que prévu, et votre client potentiel est fatigué d'attendre.

Eh bien, cela semble trop délétère et n'ira pas bien avec le client. Maintenant, vous pouvez imaginer ce que ressentent vos visiteurs lorsqu'ils doivent s'asseoir et attendre que votre site Web se charge dans leur navigateur. Que pensez-vous qu'ils feront si une page Web prend plus de dix secondes à se charger ? Ou même six ? Quatre ?

Ce n'est un secret pour personne que la vitesse d'un site compte. Personne ne veut d'un site Web à chargement lent, en particulier Google. Donc, à moins que vous ne vouliez créer une mauvaise expérience utilisateur et réduire vos chances de classement dans Google, il est temps que vous fassiez quelque chose pour WordPress Speed ​​Optimization.

Avec près de 40,0 % du Web propulsé par WordPress, il existe une centaine de milliers de plugins, thèmes et autres technologies qui doivent coexister pour optimiser WordPress pour la vitesse. Un utilisateur WordPress de tous les jours pourrait trouver cela un cauchemar lorsque son site Web est configuré pour créer un goulot d'étranglement, et il ne sait même pas pourquoi.

Ici, nous partagerons absolument tout ce qu'il y a à savoir sur l'optimisation de la vitesse de WordPress afin que vous puissiez commencer à accélérer votre site Web dès aujourd'hui. Espérons que nous pourrons guider l'optimisation des performances de WordPress sans devenir trop technique ou "basé sur le code". En fait, nous nous efforçons d'éviter les exemples de code ici.

Alors es-tu prêt? Commençons.

i) Qu'est-ce qui ralentit votre site WordPress ?

Tout d'abord, examinons quelques coupables importants qui ont tendance à ralentir votre site Web. Ce sont les sections sur lesquelles vous devez vous concentrer.

un. Images

La taille extravagante de l'image tue la vitesse du site Web.

b. Vidéos

Les fonctionnalités de WordPress telles que les arrière-plans vidéo sont intéressantes, mais elles constituent également un véritable frein aux performances pour la vitesse du site.

c. Plugins WordPress

Les plugins WordPress sont certainement d'énormes bouées de sauvetage, mais "lequel" et "combien" feront la différence.

ré. Thèmes WordPress

La même règle s'applique aux thèmes. Une bonne conception de sites Web WordPress est indispensable. Cependant, un thème mal codé contient trop de fichiers et de scripts pour vous causer des problèmes.

e. Scénarios

Tout ce qui contient des quantités excessives de JavaScript, jQuery ou d'autres scripts tiers peut ralentir vos pages Web.

F. Apis

Les API aident certainement à la gestion de contenu. Mais si les serveurs auxquels votre site Web est connecté sont lents, pour commencer, la réponse du site sera lente.

g. Négligence

La négligence peut se produire dans votre dossier multimédia, vos plugins, le contenu de votre blog ou votre base de données.

h. Liens brisés

Un ou deux liens brisés, ce n'est pas terrible. Mais un site plein de liens rompus peut nuire à l'expérience utilisateur et réduire la vitesse pendant que votre serveur continue de fonctionner sur cette connexion rompue.

je. Redirection

Encore une fois, la redirection empêche les visiteurs de rencontrer les liens brisés/anciennes URL, mais en avoir trop est une charge de travail pour le serveur.

Avant de commencer…

ii) Sauvegarde, mise en scène et test

La meilleure stratégie pour sauvegarder le site Web WordPress consiste à créer un nouveau sous-domaine (tel que testing.domain.com) et à y effectuer tout votre travail d'optimisation. La plupart des fournisseurs de services d'hébergement tels que WPEngine, Siteground, Kinsta et d'autres sociétés populaires proposent une mise en scène en un clic. Si votre hébergeur ne vous fournit pas la création de site intermédiaire, vous pouvez utiliser les plugins de sauvegarde gratuits ou premium pour obtenir la sauvegarde. Lorsque vous êtes satisfait des résultats sur votre site de développement, vous pouvez intégrer vos changements fondamentaux dans votre site Web en ligne. Maintenant, votre site est optimisé pour la vitesse sans aucun problème.

Une autre technique que vous pouvez adopter consiste à créer un thème enfant. L'utilisation d'un thème enfant garantit que les modifications apportées à vos fichiers de thème ne sont pas écrasées sur votre thème parent.

Enfin, testez votre vitesse actuelle avec l'utilisation de ces sites de test WordPress Speed.

  • Vitesse de page Google
  • GTmetrix
  • Pingdom

Maintenant, commençons les étapes d'optimisation des performances de WordPress.

1. Choisissez un hébergeur performant

Commençons par un hébergeur qui a les caractéristiques suivantes :

  • Un spécialiste de l'hébergement WordPress - ils comprennent les problèmes de performances inhérents au CMS
  • Offre des options d'hébergement géré
  • Utilise les technologies les plus récentes et les plus rapides
  • Comprend la mise en cache et un CDN
  • Et un excellent service client ne ferait pas de mal

Mais comment choisir le meilleur ?

Le moyen le plus simple de mesurer la qualité de l'hébergement est de vérifier le TTFB. Le temps jusqu'au premier octet indique le temps de réponse du serveur, qui représente essentiellement la vitesse du serveur. Vous pouvez utiliser ByteCheck pour des tests TTFB gratuits. WPengine, Kinsta, SiteGround, Bluehost, HostGator, etc., sont des hébergeurs de sites Web dignes de confiance.

2. Utilisez la mise en cache

La mise en cache du site Web est la technique par laquelle une version HTML statique de votre page Web est stockée et réutilisée ultérieurement lorsque les visiteurs accèdent à un site Web. De cette façon, le navigateur disposerait déjà des informations nécessaires concernant le site, ce qui améliorerait la vitesse de WordPress.

Surtout pour le site statique qui ne se met pas à jour fréquemment, l'utilisation du plug-in de mise en cache serait extrêmement bénéfique. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache, etc., sont les meilleurs du marché.

Ces plugins réduisent le temps de chargement sur votre serveur et gèrent d'autres tâches d'optimisation de la vitesse telles que :

  • Le navigateur et la mise en cache au niveau de la page
  • Compression de fichiers Gzip
  • Combinez les fichiers CSS et JavaScript
  • Minification CSS, HTML et JavaScript
  • Intégration CDN

Si votre hébergeur propose déjà un système de mise en cache, l'ajout d'un plugin supplémentaire ne sera pas nécessaire.

3. Choisissez judicieusement vos plugins et thèmes

Êtes-vous conscient de la pression qu'un thème et un plugin peuvent mettre sur leur serveur ? C'est pourquoi vous devez être pointilleux sur l'utilisation des thèmes et plugins WordPress.

un. Thème WordPress droit

Un thème mal codé et non mis à jour ajoute des scripts inutiles aux pages, ce qui entraîne une mauvaise expérience de chargement des pages. Alors, définissez votre choix pour les problèmes de contrôle de la qualité avant de l'installer sur votre site. Malheureusement, la plupart des thèmes WordPress gratuits sur le marché ont une belle conception et regorgent de fonctionnalités supplémentaires, mais ignorent les performances.

Notre bon thème est livré avec un ensemble de fonctionnalités de performance dédiées et élimine le besoin de plugins tiers supplémentaires.

b. N'utilisez que le plugin le plus nécessaire

Lorsque vous choisissez des plugins WordPress, gardez à l'esprit les conseils suivants :

  • Savoir si le plugin est nécessaire ou certaines fonctionnalités WordPress / codage simple est disponible en complément du plugin.
  • Passez en revue chaque plugin ainsi que les problèmes de performances notés - n'installez jamais quelque chose qui a une histoire douteuse.
  • Recherchez des plugins avec de multiples caractéristiques et fonctionnalités afin que vous ne puissiez en utiliser qu'un au lieu de tant d'autres
  • La mise à jour des thèmes et des plugins est indispensable pour assurer la sécurité et la rapidité de votre site. Mais en même temps, certaines des mises à jour peuvent rendre les thèmes/plugins et WordPress incompatibles. N'installez donc que si la mise à jour est utile.

c. Repenser l'utilisation de votre plugin

Oui, utiliser trop de plugins WordPress ralentira en quelque sorte votre site Web. Mais le nombre de plugins n'est pas aussi vital que la qualité des plugins que vous utilisez. Ce qui compte réellement, c'est la façon dont ce plugin particulier a été développé - a-t-il été conçu en pensant aux performances ? Cela signifie que vous voudrez peut-être également consulter certains de vos anciens plugins et les remplacer par les nouveaux et les plus légers.

4. Utilisez PHP 7 et supérieur

Avez-vous déjà entendu parler des versions PHP ? Vous devez avoir. PHP est un langage de script open source côté serveur. La plupart de vos thèmes et plugins, ainsi que le logiciel WordPress de base, sont fondamentalement écrits en PHP.

Tout d'abord, assurez-vous que votre hébergeur WordPress utilise au moins PHP 7 ou supérieur. Selon les données, seuls 6,8 % du total des sites WordPress utilisent PHP 7.3, mais 28,6 % utilisent encore PHP 5.6 (sorti en 2014).

Et si quelqu'un vous offrait un téléphone sorti en 2014 ? Il aurait une réponse lente et lente pour vous rendre fou.

C'est précisément ce que vos visiteurs ressentiront avec PHP 5.6.

5. Utilisez SSL/HTTPS

Le certificat SSL ne frappe pas directement la vitesse de WordPress, mais il est toujours fortement recommandé d'en obtenir un. Tout d'abord, et surtout, Google confirme que l'utilisation appropriée de HTTPS/SSL vous permet d'obtenir les meilleurs classements.

De plus, comme les sites Web certifiés SSL sont présentés avec un petit cadenas vert situé au-dessus de la barre d'adresse, ils augmentent la confiance des clients.

L'autre raison est la sécurité. Avoir un certificat SSL sur votre site cryptera le transfert de données/informations vers et depuis votre site Web, rendant votre site plus sécurisé.

6. Optimisation des images

Avoir des images sur votre site est toujours une bonne chose. Mais le mauvais type peut être le plus grand désastre pour votre site Web. Un moyen rapide d'accélérer votre site Web consiste à optimiser les images.

Savez-vous comment l'optimisation des images peut rendre votre site plus rapide ? Cela peut réduire l'utilisation de la bande passante de votre site Web, s'ouvrir rapidement pour garder les utilisateurs engagés et ne pas donner aux moteurs de recherche Google une raison de plus de détester votre site Web.

Il existe différentes façons d'optimiser une image. Nous allons tout apprendre à leur sujet ici.

un. Choisir le bon format d'image

Les formats d'image les plus utilisés pour cette décennie sont JPG, PNG, SVG et GIF. Le GIF est principalement pour les images animées et les JPG et PNG pour l'image fixe. Parmi ces deux, le format JPG (ou JPEG) est idéal pour afficher des images multicolores. Le format SVG est utilisé explicitement pour les logos. Les PNG ne sont utilisés que dans les cas où SVG est impossible, et la transparence d'une image doit être préservée, donc un JPG sort également de l'option.

Mais avec autant d'applications d'édition sur Internet, vous ne devriez pas être confus quant au format d'image à choisir. Un de ces outils est XnConvert. Vous pouvez simplement faire glisser et déposer votre image ici et l'enregistrer dans le format le plus petit. Vous pouvez également utiliser XnConvert pour redimensionner, recadrer, modifier les formats d'image et bien d'autres par centaines.

b. Utiliser la compression d'images

Vous avez maintenant enregistré le fichier au format JPG et PNG ; il est temps de compresser le fichier.

Qu'est-ce que c'est?

Lorsque vous prenez une image pour la première fois, elle est considérée comme étant de qualité à 100 %. Vous pouvez réduire la qualité de l'image (compresser) à une taille plus petite. Vous pouvez compresser le fichier image JPG à 85-90% sans aucun changement.

Vous pouvez soit convertir les images manuellement avant de les télécharger, soit simplement utiliser un plugin. Il existe de nombreux plugins connus pour compresser des images dans WordPress. L'optimiseur d'image ShortPixel, reSmush.it, l'optimiseur d'image EWWW et le compresseur WP sont quelques-uns des plus utiles.

Mais une optimisation incorrecte des images nuit également aux performances de votre site. Certaines des meilleures techniques d'optimisation d'image sont l'optimisation d'image basée sur le serveur et l'optimisation des images localement avant de les télécharger.

Comme alternative, on peut utiliser le plugin LiteSpeed ​​qui est essentiellement un plugin de mise en cache qui permet également la compression d'image à l'aide de l'addon Google Pagespeed. Comme LiteSpeed ​​compresse toutes les images sur leur serveur, le temps de réponse de votre serveur n'affectera pas le fonctionnement. Mais vous devez les compresser par lots.

c. Spécifiez les dimensions de l'image

La spécification des dimensions de l'image est principalement liée à l'expérience utilisateur. Apprenons comment.

Lorsque la page charge le texte en premier, la taille de l'image est également déterminée lorsque la mise en page est définie. Mais une fois les images téléchargées simultanément, le navigateur trouve alors différentes dimensions d'image et ajuste automatiquement la mise en page de la page. Fondamentalement, pour chaque chargement d'image ultérieur après un certain temps, le navigateur doit recréer la mise en page. Avec de tels changements, le visiteur ne peut pas lire le texte lorsque la page continue de se déplacer.

Spécifier les dimensions de l'image au préalable vous évite ce tracas.

ré. Diffuser des images à l'échelle

Cela doit être fait si votre thème n'est pas optimisé pour gérer les images. Idéalement, vous pouvez simplement changer un thème que vous utilisez pour celui avec l'optimisation de l'image. Ou vous pouvez également utiliser des plugins comme Force Regenerate Thumbnails ou Regenerate Thumbnails pour créer vos vignettes. Définissez simplement les tailles correctes pour les vignettes avant d'utiliser de tels plugins.

7. Optimisation du gravatar

L'avatar global vous permet, ainsi qu'aux commentateurs de votre site Web, d'obtenir des photos sur leur profil. Sans aucun doute, l'utilisation d'un Gravatar présente d'énormes avantages, mais l'inconvénient le plus important est apporté par le temps de chargement lent. Pour couronner le tout, le Gravatar intègre également plusieurs redirections pour ralentir encore plus votre site.

Vous pouvez éviter le ballonnement introduit par le Gravatar de la manière suivante :

  • Désactivez Gravatar sur vos sites Web
  • Supprimer les commentaires excessifs et indésirables des publications
  • Ajouter reCAPTCHA sur votre formulaire de commentaire
  • Configurez le paramètre WordPress pour n'afficher que quelques commentaires à la fois
  • Et enfin, utilisez le plugin de mise en cache pour Gravatar

8. Chargement paresseux pour les vidéos et les images

Lazy-Loading images est une option d'optimisation efficace et simple pour améliorer considérablement les temps de chargement de votre site Web. Sans chargement paresseux, tous les fichiers multimédias tels que les images et les vidéos sont chargés avant même d'avoir fait défiler jusqu'à cette section. Cela rend évidemment votre site Web plus lent, en particulier lorsque vous avez de nombreuses images/vidéos sur vos sites Web. Le chargement paresseux charge les images et autres éléments lourds uniquement après que le visiteur a fait défiler la section d'une page Web où ils apparaissent. Lorsqu'il est bien fait, Lazy Load peut considérablement augmenter la vitesse du site Web.

Apprenons à utiliser le Lazy Load

  1. Tout d'abord, obtenez le plugin de chargement paresseux de WordPress Directory et installez-le
  2. Allez dans les paramètres du plugin et configurez-le

N'oubliez pas que le chargement paresseux s'accompagne d'une technique complexe. S'il n'est pas correctement configuré, il peut gâcher l'ensemble de votre site Web.

9. Disqus à chargement paresseux

Il est peut-être temps de remplacer le système de commentaires WordPress classique par un Disqus. Bien que sa fonctionnalité avancée et très efficace de prévention et de modération du spam mérite beaucoup d'éloges, elle a un coût, c'est-à-dire le temps de chargement.

Chaque fois qu'un Disqus se charge sur votre site, dix requêtes supplémentaires ralentissent votre site. Heureusement, il existe un plugin tel que Disqus Conditional Load qui provoque le chargement paresseux du Disqus lui-même. Ce chargement conditionnel Disqus charge le commentaire uniquement lorsque le visiteur fait défiler jusqu'à la fin de la page.

10. Limitez les révisions des publications

Par défaut, WordPress est conçu pour enregistrer toutes les révisions de publication, même lorsque vous apportez la moindre modification. Ainsi, pour le message fréquemment édité/mis à jour, des dizaines de copies du même message sont faites pour remplir votre base de données.

Pour éviter cela, vous pouvez limiter le nombre de révisions/mises à jour enregistrées dans WordPress. Habituellement, 3 à 5 devraient suffire. Vous pouvez le faire en plaçant un code simple dans le fichier wp-config.php .

 définir ('WP_POST_REVISIONS', 3);

Vous pouvez modifier le nombre dans le code pour ajuster le nombre de révisions dont vous pourriez avoir besoin.

Mais ce code ne fonctionnera que pour le nouveau poste. Pour supprimer les révisions des anciens messages, vous pouvez utiliser des plugins de nettoyage de base de données tels que WP-Optimize et Advanced Database Cleaner. Après avoir utilisé les plugins, vous pouvez simplement supprimer le plugin.

11. Limitez les spiders et les crawlers

Les araignées et les robots d'indexation recherchent toujours la ressource sur votre site. Outre les moteurs de recherche utiles, d'autres robots tels que les spambots, les grattoirs et les grattoirs d'e-mail explorent fréquemment votre site Web. Non seulement ils volent les informations de votre site, mais le serveur doit dépenser des ressources pour les servir.

Il est donc sage de gérer les activités de botting sur votre site Web pour vérifier une telle exploration inutile en suivant les méthodes.

  1. Vous pouvez utiliser le fichier .htaccess pour bloquer les mauvais bots connus.
  2. Vous pouvez bloquer les bots de votre site Web lorsque de tels bots sont apparus récemment sur le marché.
  3. On peut utiliser le plugin de sécurité WordFence pour limiter les bots et bloquer les adresses IP manuellement.

12. Utilisation de boutons de partage de médias sociaux gratuits JavaScript

Oui, nous aurons besoin des beaux boutons de partage social pour encourager nos visiteurs. Mais les boutons de partage social majoritairement réalisés en JavaScript sont lourds. Ils suivent les utilisateurs sur le Web et prennent beaucoup de temps à charger.
Il serait donc utile que vous utilisiez des boutons de partage social sans JavaScript. Pour cela, supprimez les boutons existants et utilisez un service comme sharingbuttons.io.

13. Bonus

Et si vous n'êtes pas encore satisfait du résultat, vous pouvez suivre quelques astuces supplémentaires. Ces astuces sont principalement destinées aux codeurs professionnels. Énumérons-les.

  • Désactiver les emojis et les intégrations
  • Supprimer les chaînes de requête
  • Supprimer la balise de lien court
  • Supprimer les liens API REST
  • Désactiver Google Maps
  • Désactiver les feuilles de style / widgets WooCommerce
  • Évitez les polices Google / Server Fonts localement
  • Optimiser les icônes impressionnantes de police
  • Désactiver XML-RPC
  • Masquer la version WordPress
  • Supprimer la balise de lien RSD
  • Concaténer CSS et Javascript

iii) Différents problèmes, différentes solutions

Connaître l'utilité de l'optimisation de la vitesse du site Web et de sa technique est un bon début. Mais vous n'avez pas besoin d'appliquer toutes ces techniques à votre site Web. Ce que nous voulons dire, c'est qu'il n'y a pas deux entreprises identiques ou deux sites identiques, la première étape consiste à comprendre la nature / le type de site WordPress que vous possédez.

Ainsi, si vous avez un site statique, vous ne mettrez pas régulièrement à jour le contenu de votre site ; peut-être que vous ne gagnez que quelques fois par mois. Un site statique comprend des sites Web d'entreprises locales, des blogs, des photographies, des particuliers, etc. Avoir un tel site indique moins de bases de données et vous n'aurez donc pas besoin de nombreuses ressources pour obtenir de bonnes performances.

D'autre part, ayant un site Web extrêmement dynamique tel que le commerce électronique, les forums en ligne, etc., les données du site WordPress changent fréquemment (toutes les minutes, voire toutes les secondes). Dans un tel cas, il est nécessaire d'ajouter des sources de serveur ainsi que des requêtes de base de données.

Et puis il y a d'autres types de sites, Sur un passant et sur un consommateur. Si le site Web est principalement informatif, le visiteur peut rester 5 ou 10 minutes et localiser quand il doit partir. D'autre part, les sites Web consommateurs retiennent leurs visiteurs pendant des heures - par exemple, un site Web de cours de formation en ligne. Les visiteurs simultanés de ces sites Web viennent pour les sessions simultanées.

Pouvez-vous voir où cela mène ? Les visiteurs simultanés ont besoin d'accumuler rapidement les informations de la session précédente. Le fait d'avoir beaucoup de visiteurs simultanés sur le site ainsi que le problème du "contenu Web impossible à mettre en cache" en font un cauchemar.

Fondamentalement, vous ne pouvez pas gérer tous vos sites Web WordPress de la même manière - une décision éclairée doit être prise.

Conclusion

Sans aucun doute, il existe plus qu'une abondance de tutoriels qui couvrent différentes façons d'optimiser WordPress pour la vitesse. Mais il peut être déroutant de tout trouver au même endroit. J'espère que celui-ci vous a été utile car nous avons répertorié toutes les techniques que vous pouvez suivre pour que votre site se charge rapidement. De plus, si vous souhaitez obtenir l'aide d'un expert, vous pouvez trouver notre expert WordPress certifié sur Codeable ou soumettre un formulaire de demande de personnalisation pour nous joindre.

Meilleurs vœux!!