Comment accélérer votre site WordPress ? Un guide complet 2021

Votre site WordPress est lent ? Si oui, nous devons travailler là-dessus.

Ohh et si votre site Web se charge assez rapidement, peut-il être rendu encore plus rapide ? Chaque milliseconde fait littéralement une différence. Nous pouvons mesurer les performances de votre site et voir s'il y a autre chose pour le rendre un peu plus rapide. Mais nous y viendrons un peu.

Avant de vous expliquer comment rendre votre site Web beaucoup plus rapide, je vais essayer d'établir l'importance d'avoir un site Web à chargement rapide.

La vitesse du site est-elle importante ?

La vitesse de chargement de votre site Web est très importante pour assurer un bon classement dans les moteurs de recherche et une excellente expérience utilisateur. C'est un fait connu que l'algorithme de recherche de Google inclut les temps de chargement de votre page comme l'un des nombreux paramètres lors du calcul du pagerank. Jetons un coup d'œil à ce que Google a à dire sur la vitesse du site et comment cela pourrait affecter votre site Web et la taille de votre public.

La vitesse de prise de Google

Chez Google, ils ont créé une expérience pour reproduire la lenteur qui accompagne un site Web ou une page Web avec une mauvaise vitesse de chargement de page.

L'équipe de Google l'a fait en créant un système où la vitesse est délibérément réduite en injectant un délai côté serveur, ce qui se traduit par une prolongation du temps de traitement avant et pendant le temps que les résultats sont renvoyés au navigateur.

Du point de vue de l'utilisateur, peu importe que les résultats soient renvoyés lentement ou que la capacité de leur navigateur à traiter ces résultats soit lente. En effet, vous ne sauriez pas que c'est votre navigateur qui est lent et non la page Web, mais cela crée le même effet que si vous étiez sur une page Web qui se charge lentement.

En abaissant la vitesse de chargement de 100 millisecondes à 600 millisecondes, il y a eu une diminution du nombre de recherches de 0,2% à 0,6%, des résultats moyens sur quatre à six semaines. Vous pourriez être tenté de remettre en question la signification de ces résultats.

Il a également été découvert que les personnes exposées à un délai de 200 millisecondes effectuaient 0,22 % de recherches en moins au cours des trois premières semaines et 0,36 % de recherches en moins au cours de la deuxième période de trois semaines. Et avec un délai de 400 millisecondes, les mêmes résultats ont suivi une diminution de 0,44 % et 0,76 % au cours des première et deuxième périodes de trois semaines. Comme vous pouvez l'imaginer, un tel impact sur le nombre de recherches effectuées est énorme compte tenu de l'ampleur de la recherche sur le Web de Google.

Outre Google, plusieurs grandes entreprises, dont AOL, Microsoft, Bing et Shopzilla, ont reconnu l'importance d'avoir des sites Web qui se chargent rapidement. Vous pouvez en savoir plus à ce sujet ici.

La vitesse de chargement du site Web est importante – Expérience utilisateur

Maintenant, oubliez les chiffres, à quel point un site Web lent peut-il être amusant ? Combien de fois avez-vous visité un site Web lent et n'avez-vous jamais pris la peine de le visiter à nouveau ? Combien de fois avez-vous maudit votre connexion Internet lorsqu'elle s'endort ? Les sites Web lents ne sont pas amusants.

Avant de commencer à « rendre votre site » plus rapide, à quelle vitesse faut-il commencer ? Regardons quelques outils pour nous aider!

À quel point votre site Web se comporte-t-il bien ?

Nous devons mesurer les performances actuelles du site, ce n'est qu'alors que nous pourrons mesurer toute amélioration des performances. Vous pouvez utiliser l'un des éléments suivants,

• GTmetrix
• Test de la page Web
• Outils PageSpeed

Pour suivre régulièrement votre site Web, vous pouvez accéder aux performances du site dans les laboratoires via votre compte Google Analytics. Si vous n'avez pas encore ajouté votre site Web à GA, vous devriez le faire. En dehors de ces méthodes, la plupart des services d'hébergement donnent également accès à des informations de base sur la vitesse de chargement des pages.

Voyons maintenant une douzaine de choses que vous pouvez faire pour rendre votre site Web plus rapide.

1. Sélection du service d'hébergement

Bien qu'il existe de nombreuses choses que vous pouvez faire pour améliorer les performances de votre site, ces méthodes ont leurs limites. Le réglage du logiciel ne fera qu'aider à optimiser les performances du site. Mais en fin de compte, rien ne vaut le meilleur matériel. L'hébergement partagé est une option pour les sites à faible trafic, mais à mesure que le trafic de votre site augmente, vous devez faire évoluer votre matériel. Le serveur privé virtuel, l'hébergement dédié et l'hébergement géré sont des options utilisées par les sites à trafic élevé/moyen. L'hébergement dédié est réservé aux plus gros sites avec des millions de visites quotidiennes. VPS est conçu pour les experts techniques et l'hébergement WordPress géré est destiné aux non avertis en matière de technologie qui gèrent une entreprise en ligne.

En supposant que votre budget soit serré, je recommanderais le plan d'hébergement partagé de SiteGround. Ils ont une disponibilité proche de 100%, un enregistrement de nom de domaine gratuit, des sauvegardes quotidiennes gratuites, une garantie de remboursement de 30 jours et une évolutivité.

Mais si vous voulez le meilleur hébergement que l'argent puisse acheter, je recommanderais WPEngine - Managed WordPress Hosting Solution. Un bon support et une solution d'hébergement de premier ordre qui crée des sites Web ultra-rapides.

Si vous utilisez WPEngine, la partie suivante (Mise en cache) de ce guide de performances peut être ignorée. WPEngine utilise EverCache pour mettre en cache votre site. Avec un hébergeur WordPress géré, vous pouvez oublier de vous occuper des performances de votre site et vous concentrer uniquement sur la production de contenu (vrai dans une large mesure).

2. Utilisez le meilleur plugin de mise en cache

(En supposant que vous utilisiez autre chose que l'hébergement WordPress géré où la mise en cache est fournie en interne par votre société d'hébergement)

WP Rocket est un plugin de mise en cache premium le plus vendu qui fonctionne efficacement pour optimiser la vitesse de votre site. Il existe de nombreux plugins de mise en cache WP qui, à mon avis, sont un peu trop compliqués pour un débutant WP. Et la complexité des options est bonne pour les utilisateurs de WP de niveau expert et intermédiaire. WP Rocket n'est pas trop difficile à comprendre et à utiliser.

WP Rocket effectue la mise en cache des pages pour réduire les vitesses de chargement, le préchargement du cache pour faciliter l'indexation du site par les moteurs de recherche, les images ne se chargent que sur demande (lorsque vous faites défiler vers le bas, pas lors du premier chargement d'une page), compression de fichier pour convertir HTML, JS et CSS en fichiers statiques et le plugin est plutôt convivial pour les développeurs.

Lorsque j'écrivais un article sur les 6 meilleurs plugins de mise en cache, l'une des conclusions auxquelles je suis arrivé était qu'il était très difficile de comparer les plugins de mise en cache. La raison pour laquelle chaque plugin est un peu différent et configurer chaque plugin de manière optimale n'est pas facile, si vous ne définissez pas les mêmes configurations sur tous les plugins, cela rend les plugins impossibles à comparer. Au lieu de cela, j'ai essentiellement demandé à nos lecteurs d'opter pour le plugin qu'ils jugeaient le plus facile à utiliser. Et lisez l'article sur les 6 meilleurs plugins de mise en cache, si vous voulez plus d'options, y compris le freemium et les plugins de mise en cache gratuits.

Plus d'infos / Télécharger

Si vous n'utilisez pas WPRocket, quelques points à considérer. Il s'agit d'une ventilation des fonctions qui seraient autrement exécutées par un plugin de mise en cache. Assurez-vous que votre solution de mise en cache alternative fournit toutes ces fonctions. Sinon, utilisez un plugin de mise en cache gratuit plus un ou deux autres plugins pour reproduire la plupart des fonctionnalités de WPRocket.

Un plugin de mise en cache gratuit accomplit normalement ce qui suit.

Minifier HTML, CSS et Javascript

Tout cet espace vide, ces commentaires, ces caractères de nouvelle ligne et tout ce qui est redondant dans votre code qui le rend plus facile à l'œil sans but est complètement inutile pour un serveur et l'adresse IP qui essaie d'atteindre vos serveurs demandant votre site.

Supprimez tout cela avec un plugin de mise en cache gratuit et votre site sera mieux en termes de performances.

Minimiser le nombre de requêtes HTTP

Vous pouvez réduire le nombre de requêtes adressées aux serveurs de votre site. Chaque fois que quelqu'un visite votre site, il demande les fichiers de votre site Web. Cela inclut les fichiers HTML, CSS et JS. Si vous avez plusieurs fichiers de chaque type de fichier, une demande est envoyée à vos serveurs pour chaque fichier individuel.

Avoir un nombre élevé de fichiers nécessitant plusieurs requêtes de serveur n'est pas du tout efficace. Vous pouvez réduire cela en combinant des scripts JS, des fichiers HTML et CSS. Un plugin de mise en cache gratuit suffira.

Remplacer PHP par du HTML statique

Également connu sous le nom de super cache où le PHP est complètement contourné et les fichiers sont servis en HTML. Super Caching est effectué avec mod_rewrite et est certainement l'une des méthodes de mise en cache les plus rapides disponibles pour votre site. La différence entre les fichiers statiques en super cache servis par PHP et ceux servis en HTML complet est imperceptible, mais cela rend votre site plus rapide. Encore une fois, comme auparavant, les plugins de mise en cache gratuits devraient être suffisants pour accomplir une super mise en cache servie par HTML.

Compression GZIP

Compressez votre code, réduisez essentiellement un fichier texte contenant du code. Les fichiers de votre site Web sont simplement compressés, ce qui permet de réduire votre utilisation de la bande passante et réduit évidemment les temps de chargement, une fois le fichier compressé reçu à la fin du navigateur, il peut être facilement lu. Cette fonction peut être accomplie par un plugin de mise en cache gratuit comme W3TC.

Mise en cache du navigateur

Pour le contenu statique comme JS, CSS et images, ceux-ci peuvent être téléchargés et stockés sur le navigateur d'un visiteur. Celui-ci est téléchargé lorsque le visiteur visite le site pour la première fois et est récupéré à partir du cache du navigateur chaque fois que cela est nécessaire par la suite pendant au moins un certain temps. Sinon, il faudrait le télécharger à nouveau.

La mise en cache implique la configuration de votre plugin et cela peut être un peu intimidant pour nos lecteurs qui ne sont pas encore familiarisés avec WordPress. Reportez-vous à nos 6 meilleurs plugins de mise en cache pour trouver le plugin de mise en cache gratuit qui vous convient.

Un plugin de mise en cache gratuit peut ne pas aider avec le chargement paresseux. Et vous aurez soit besoin d'un plugin de mise en cache premium ou d'autres plugins pour combler les lacunes d'un plugin de mise en cache gratuit. Donc, si vous avez l'intention d'utiliser un plugin de mise en cache gratuit, envisagez d'utiliser l'un des plugins de chargement paresseux suivants en tandem.

Utilisez Lazy Load pour le texte, les vidéos et les images

Le chargement paresseux des images garantit que vous chargez l'image lorsqu'elle entre dans l'écran du visiteur pendant qu'il fait défiler vers le bas. En faisant cela, les temps de chargement du site diminuent un peu, car les images sont relativement lourdes en données.

Généralement, la mise en cache paresseux de la charge est une fonctionnalité qui accompagne un plugin de mise en cache premium, pas un plugin gratuit. Donc, si vous n'utilisez pas une solution de mise en cache premium avec chargement d'image paresseux, vous pouvez utiliser a3 Lazy Load.

3. Choisissez le bon cadre

Les cadres forment le squelette sur lequel vous construisez l'apparence de votre site et affichez éventuellement votre contenu. Un bon framework est important pour assurer de bonnes performances du site. Le thème qui aide à concevoir et à modifier l'apparence de votre site contribue également au temps de chargement du site. Un thème riche en multimédia flashy avec un cadre volumineux ne fait pas un site Web rapide.

En termes de performances en termes de vitesse du site, les maisons de thème comme Headway Themes, StudioPress (Genesis) et iThemes produisent des thèmes basés sur un cadre solide et allégé. Et sur ce cadre, ils créent des thèmes remplis de couleurs destinés à des types de sites et à des niches spécifiques. Dans une large mesure, le succès des maisons à thème susmentionnées peut être attribué à leurs cadres WP sur lesquels ils construisent leurs thèmes. Je recommanderais l'un des cadres des maisons à thème susmentionnées.

Pour une liste plus complète des frameworks que vous pourriez souhaiter, consultez notre tour d'horizon des 16 meilleurs frameworks pour WordPress. Nous évaluerons également les frameworks et les options d'hébergement à l'avenir pour fournir une meilleure image en termes de vitesse.

4. Utilisez un CDN

Les CDN ou les réseaux de diffusion de contenu aident à fournir des fichiers statiques de votre site Web plus rapidement à vos visiteurs à partir d'un emplacement de serveur beaucoup plus proche d'eux que les serveurs de votre site. Cela rend un site Web qui normalement rapide semble encore plus rapide. Un CDN garantit que votre visiteur atteint le cache plutôt que d'atteindre vos serveurs. Et accéder au cache par opposition à la demande de données de site aux serveurs est beaucoup plus rapide.

Presque tous les sites Web à fort trafic utilisent désormais un CDN pour leur contenu statique. Les CDN comme MaxCDN ont des disques SSD stratégiquement situés partout dans le monde pour fournir le service de diffusion de contenu mondial idéal aux sites Web avec une large portée démographique, comme vous pouvez le voir sur l'image ci-dessous.

Contrairement aux serveurs de fournisseurs d'hébergement normaux, les serveurs d'un CDN sont conçus sur mesure pour fournir du contenu statique dans les plus brefs délais. Ils ont également des liens avec des sociétés de télécommunications populaires pour s'assurer que le temps de chargement de votre site n'est pas affecté par une interruption ou un retard de la part du fournisseur de télécommunications.

Si vous utilisez un CDN, l'utilisation de la bande passante de votre serveur de site connaîtra une baisse importante et cela contribuera davantage à réduire les temps de chargement du site.

5. Optimisez la base de données de votre site

Utilisez un plugin d'optimisation de base de données WordPress et mettez de l'ordre dans la base de données de votre site. WP-Sweep est un plugin puissant qui exécute plusieurs fonctions impliquées dans le processus de nettoyage WP-Spring.

WP Sweep supprime les révisions de publication redondantes, les commentaires (spam et non approuvés), toute forme de métadonnées orphelines et dupliquées (utilisateur, commentaire et publication) et les termes inutilisés de votre base de données WordPress. Il existe d'autres plugins d'optimisation de base de données comme WP-DB Manager et WP Optimize, mais WP Sweep a un avantage significatif sur eux. WP Sweep exécute les commandes de suppression WordPress sur les données afin qu'il ne reste aucune donnée orpheline comme dans le cas des deux autres plugins qui exécutent des requêtes MYSQL.

Votre plugin d'optimisation de base de données se débarrassera de :

• Spam, commentaires non approuvés et supprimés - Les commentaires peuvent s'accumuler comme une montagne dans votre base de données wp si vous le permettez. L'optimisation de votre base de données WP de temps en temps empêchera cela de se produire.
• Données en double et orphelines sur votre base de données WordPress – Le contenu en double est un fardeau pour vos serveurs, un fardeau qu'ils n'ont pas à supporter. Les données orphelines affectent la base de données de votre site en occupant ligne après ligne et elles ne contribuent en rien à votre site, d'où le terme « orphelin ». Le contenu en double et les données orphelines ne servent à rien, débarrassez-les tous les deux de votre site.
• Révisions de publication inutiles – Les révisions de publication multiples sont inutiles et peuvent en ajouter beaucoup, les supprimer.

Si vous décidez de nettoyer votre WordPress au printemps, vous devez supprimer les termes, images, thèmes, plugins inutilisés, réparer les liens brisés et maintenir la base de données de votre site en parfait état. Étant donné que WP est un système basé sur une base de données, la santé de votre base de données joue un rôle dans les performances de votre site. Alors qu'une optimisation de la base de données devrait être suffisante pour le moment, il peut y avoir une ou deux autres choses que vous voudrez peut-être faire.

Je peux continuer sur comment et ce que vous devez faire pour garder votre base de données WordPress propre, mais c'est un travail assez important en soi et je ne peux pas vraiment ajouter grand-chose ici, mais si vous souhaitez en savoir plus. Cela devrait vous aider - "WordPress Spring Cleaning Toolkit - A Complete Guide Comment optimiser votre installation WordPress pour de meilleures performances".

6. Compresser les images

Les images sont volumineuses par rapport au texte. Ils occupent beaucoup plus d'espace sur votre dossier wp-content, ce qui est supérieur à ce que vous autorisez. La compression de vos images vous aidera à réduire les temps de chargement de votre site. Vous pouvez réduire la taille de vos images sans perdre une grande partie de la qualité d'image perçue.

Avec la compression sans perte fournie par EWWW Image Optimizer, vous pouvez réduire la taille des images sans trop de perte de qualité. Alternativement, vous pouvez utiliser le plugin Compress JPEG & PNG Images pour le même. Ils promettent une compression en taille d'environ 40 % à 60 % pour les images JPEG et 50 % à 80 % pour les images PNG, sans perte de qualité visible et évidente.

7. Diagnostiquez vos plugins

Tous les plugins à la fin de la journée sont des morceaux de code qui aident à exécuter des fonctions. Parfois, ils deviennent encombrants et contre-productifs.

Comment allez-vous identifier les ancres de votre site ? Les empêcher de charger ?

P3 - Profileur de performances de plug-in

Ce plugin détectera lesquels de vos plugins ont un impact important sur les temps de chargement de votre site. Et avec le rapport généré par le plugin, vous serez en mesure d'identifier les plugins qui ralentissent la vitesse de votre site. Si un plugin affecte beaucoup trop les performances du site, recherchez des plugins alternatifs.

Obtenez P3 Profiler ici !

Organisateur de plugins

Maintenant que vous savez quels plugins affectent les performances de votre site, vous pouvez choisir de les désactiver sur toutes les pages/articles du site où leur utilisation est facultative. Vous pouvez le faire poste par poste. Donc s'il y a un plugin qui ralentit votre site dont vous ne pouvez pas vous passer, alors utilisez-le uniquement sur les pages/articles de votre site où c'est absolument nécessaire.

Obtenez Plugin Organizer ici!

8. Désactiver le hotlinking

Le hotlinking est un moyen par lequel les gens utilisent le contenu hébergé sur les serveurs de votre site pour leurs propres sites Web. Donc, fondamentalement, ils utilisent vos serveurs avec votre contenu sur leur site. Et par conséquent, votre serveur est surchargé et cela ne vous profite en rien.

Comment empêcher quelqu'un de voler les ressources de votre serveur ?

Pour empêcher les gens de créer des liens hypertexte à partir du contenu de votre site. Vous devez bricoler le code de votre site et c'est indispensable. Vous pouvez utiliser cet outil de htaccesstools.com pour générer le code nécessaire que vous pouvez ajouter à votre serveur. Normalement, votre hôte sera également disposé à vous aider avec cela.

Et une fois que vous avez empêché le hotlinking, vous pouvez être certain que les ressources de votre serveur ne sont pas dépensées pour héberger du contenu pour un site Web autre que le vôtre. Les tactiques de hotlinking ciblent généralement les images et autres multimédias qui sont lourds en données, donc si vous exécutez un site avec un minimum d'images, la désactivation du hotlinking n'aura aucun effet sur les performances de votre site.

9. Utilisez un plugin de partage social minimal A Featherweight !

Le partage sur les réseaux sociaux est important pour tout site Web et constitue une partie importante de la stratégie marketing de tout site. Cependant, parfois, les gens prennent de l'avance et mettent un trop grand nombre d'options de partage qui non seulement agacent les visiteurs, mais ralentissent le site Web.

10. Désactiver les pingbacks et les rétroliens

Les rétroliens et les pingbacks vous permettent de savoir que quelqu'un d'autre a mis un lien de votre article sur un autre blog ou site. Les rétroliens sont manuels et les pingbacks sont automatiques, ils se retrouvent tous les deux dans la modération de vos commentaires. 99% de tous les rétroliens et pingbacks sont du spam. Et si vous commencez à en consommer trop, cela peut potentiellement affecter la vitesse de votre site.

Accédez à Paramètres> Discussions, sous Paramètres d'article par défaut, désactivez les pingbacks et les rétroliens.

Ou nous pouvons utiliser un plugin qui peut traiter le spam. Et ce sera la fin du spam sous toutes ses formes.

11. Mettez le CSS en haut et Javascript en bas

Les références CSS doivent aller tout en haut. Les navigateurs ne chargent pas le contenu avant de charger CSS, sinon vous vous retrouverez avec un contenu non stylisé. Donc d'abord le CSS, pour éviter ce petit problème. Si vous ne le faites pas, votre site ne se chargera pas progressivement. Cela signifie qu'une partie de votre site apparaîtra sans aucun style. Et si votre CSS est vers la fin, alors le navigateur doit redessiner tous les éléments de votre site. Cela prendra plus de temps que si vous aviez mis CSS dans l'en-tête.

Nous avons relégué JS au dernier rang car il empêche le chargement parallèle dans un navigateur. Cela signifie que c'est la seule chose qui se charge. Et pour ajouter à cela, il bloque le chargement progressif s'il y a un fichier de script au-dessus du contenu. Pour garantir que tout le contenu puisse se charger progressivement, nous devons mettre les scripts à la fin.

Les plugins de mise en cache gratuits n'y parviennent pas vraiment. Ou vous pouvez utiliser Autoptimize en tandem avec un plugin de mise en cache gratuit. Mais parfois, les choses ont tendance à s'effondrer et je ne conseillerais pas cette voie à quelqu'un qui n'est pas capable de réparer un gâchis potentiel. Et si vous pensez que vous ne pourriez pas le gérer, utilisez WPRocket.

12. Combinez vos images en une seule – Sprites CSS

Un navigateur doit faire plusieurs allers-retours vers votre serveur pour récupérer plusieurs images. Nous pouvons combiner ces images en un seul gros fichier contenant toutes les images, ce qui réduira efficacement le nombre de requêtes HTTP et créera un processus beaucoup plus efficace. Si vous n'êtes pas familier avec CSS, vous pouvez utiliser une méthode de glisser-déposer disponible en ligne pour vous aider à accomplir la même chose. Sprite Pad s'avérera être des outils utiles pour aider à créer des Sprites CSS.

Bien que les sprites CSS soient utiles, ils ne sont pas essentiels, mais si vous souhaitez en savoir plus à leur sujet, rendez-vous sur CSS Tricks.

Dernières pensées

Rien ne vaut un hôte WP géré génial avec une solution de mise en cache interne et un bon thème d'une maison à thème réputée.

Mais pour ceux qui ont un petit budget, je recommanderais -

• Un plugin de mise en cache gratuit
• Optimisation automatique
• WP Balayage
• Un bon thème gratuit

Cette combinaison d'outils et de logiciels devrait aider à créer un site rapide sans dépenser un centime ! Mais, je vous recommanderais toujours d'essayer au moins un plugin de mise en cache premium. Cela vous évitera tous les efforts d'avoir à utiliser autant de plugins dans un seul but. Et faire fonctionner efficacement tous ces plugins pour votre site est une tout autre chose.

Autre chose que vous devez savoir, trop de plugins ne ralentissent pas forcément votre site à condition qu'il s'agisse de plugins de qualité.

Testez à nouveau votre site,

• GTmetrix
• Test de la page Web
• Outils PageSpeed

Pendant les tests, utilisez un nouveau plugin à la fois pour vérifier les résultats. S'ils ne s'améliorent pas successivement, vous devriez peut-être vous en tenir au ou aux plugins précédents. Par exemple, utilisez un plugin de mise en cache gratuit comme Fastest Cache pour voir à quel point votre site est plus rapide.

Recherchez essentiellement des incréments de performances avant de vous en tenir à un plugin nouvellement activé.

Comment ont été les résultats, votre site est-il devenu plus rapide ?

J'espère qu'il l'a fait.

Et j'espère que ce post a été utile

Veuillez partager les résultats de vos tests avec nous dans les commentaires ci-dessous, nous pourrions peut-être vous aider !