WordPress alimente 39,6 % de tous les sites web sur l’internet, et 64,1 % de tous les sites web qui utilisent des systèmes de gestion de contenu (SGC). Avec ces statistiques à l’esprit, il est pertinent de comprendre que cela signifie qu’il y a des milliers de thèmes, plugins et autres technologies WordPress qui sont tous hébergés en un seul endroit.
Si vous êtes nouveau sur WordPress, vous pouvez être tenté d’installer un grand nombre de plugins et d’avoir une combinaison de choses qui ne fonctionnent pas nécessairement ensemble. Cela peut entraîner un engorgement de votre site Web et, par conséquent, le ralentir. Nombreux sont ceux qui ne se rendent même pas compte de l’existence de ces problèmes et qui vivent avec un site web peu performant sans savoir comment le résoudre.
Aujourd’hui, nous allons parler de la façon d’améliorer la vitesse de votre site Web WordPress afin de stimuler votre référencement et d’offrir une expérience utilisateur agréable aux visiteurs de votre site Web.
1. L'hébergement pour accélérer WordPress
Lorsque vous vous demandez comment accélérer WordPress, il est essentiel de commencer par la première pièce du puzzle, à savoir l’hébergeur de votre site. Lorsque vous souscrivez un contrat d’hébergement de site web, vous demandez à une société d’utiliser un serveur pour stocker toutes les données de votre site web, y compris les images, les vidéos, le contenu, les bases de données, etc.
Pour aller plus loin, vous pourrez également choisir le type d’hébergement de site web pour lequel vous optez, par exemple l’hébergement mutualisé, l’hébergement WordPress, l’hébergement en nuage, etc. Chaque type d’hébergement de site web a ses propres avantages et inconvénients. Vous devez donc choisir l’hébergement qui convient à vos besoins.
Hébergement mutualisé
L’hébergement partagé est le type d’hébergement de site web le plus courant et souvent le moins cher. Avec des prix qui commencent à partir de 0,99 $ par mois en s’inscrivant sur Hostinger, beaucoup sont tentés par le coût abordable et les fonctionnalités qui l’accompagnent.
Cependant, il se peut que l’hébergement partagé ne convienne pas à vos besoins en raison de la nature de ce type d’hébergement. Comme son nom l’indique, l’hébergement partagé signifie que vous partagez un serveur avec de nombreux autres clients, et que l’espace et les ressources du serveur sont donc partagés. Si un ou plusieurs clients commencent à dépasser leurs limites de ressources, d’autres clients risquent d’avoir des problèmes de vitesse sur leur propre site.
Dans la plupart des cas, les sociétés d’hébergement web partagé offrent une sorte de garantie de temps de fonctionnement. Dans ce domaine, je n’attends pas moins de 99,9 % pour garantir que votre site web est en ligne et accessible la majorité du temps. Toutefois, ce n’est pas toujours le cas et même lorsque les hôtes donnent des garanties, ils ne peuvent pas toujours les respecter. Si cela se produit, vous serez probablement dédommagé par un hébergement gratuit ou une réduction, mais vous devez vérifier les conditions générales de votre hébergeur avant de vous inscrire.
Hébergement géré de WordPress
L’hébergement WordPress géré est l’expérience VIP ultime lorsqu’il s’agit d’héberger votre site web WordPress. Si vous êtes novice en matière d’hébergement WordPress ou si vous n’avez tout simplement pas le temps de gérer votre site Web en termes de tâches de back-end et de sécurité, ce type d’hébergement peut répondre à vos besoins.
L’hébergement WordPress géré signifie généralement que votre hébergeur s’assurera que votre site Web WordPress est mis à jour, qu’il propose des sauvegardes automatiques, des environnements de test en un clic et que, dans la plupart des cas, le personnel d’assistance sera expert dans le domaine de WordPress.
Avec ce type d’hébergement, votre site web sera pris en charge et les vitesses sont généralement très bonnes pour vous et vos clients. Cependant, cela signifie que vous avez peu de contrôle sur votre site web sur votre serveur web. D’autre part, vous n’aurez rien à faire pour assurer la sécurité de votre site web, sachant que les experts ont tout en main. L’hébergement WordPress géré, comme vous pouvez vous y attendre, est plus coûteux, avec des plans commençant à environ 20 $ par mois.
Hébergement VPS
L’hébergement VPS, également connu sous le nom d’hébergement sur serveur privé virtuel, tend à offrir le meilleur des deux mondes et est en quelque sorte l’intermédiaire dans l’hébergement WordPress. L’hébergement VPS est plus cher que l’hébergement WordPress partagé, mais pas aussi cher que l’hébergement WordPress géré.
Avec l’hébergement VPS, vous partagez toujours certaines ressources du serveur avec d’autres clients, mais vous avez beaucoup plus de contrôle sur votre hébergement web et votre site web, et cela signifie souvent que vous bénéficierez de meilleures vitesses, performances et optimisation globale.
2. Envisagez la mise en cache du site Web
La mise en cache est l’un des moyens les plus simples et les plus efficaces d’accélérer votre site Web WordPress. Toutefois, avant de vous montrer comment mettre en œuvre et utiliser la mise en cache, il est utile de comprendre ce qu’elle est et comment elle fonctionne.
Qu'est-ce que la mise en cache ?
Lorsqu’une personne visite votre site Web WordPress, une requête est envoyée au serveur. Le serveur traite la demande et renvoie les résultats au navigateur de l’utilisateur pour afficher votre site web. Il affiche le contenu de votre site web, les fichiers comme les images, les bases de données pour les détails de connexion, etc.
Comme les sites web peuvent contenir beaucoup de données, les requêtes du serveur peuvent prendre beaucoup de temps, ce qui signifie que vos utilisateurs attendent encore plus longtemps pour consulter votre site web. Si votre site Web prend trop de temps à charger, vos utilisateurs risquent de l’abandonner et de ne plus jamais y revenir – gulp !
La mise en cache d’un site Web WordPress indique au serveur de votre site Web de stocker certains fichiers statiques qui ne sont pas susceptibles de changer, par exemple les en-têtes de page, les logos, etc. Il se souviendra donc de ces données de sorte que, lorsqu’un utilisateur revient sur votre site, le serveur ne doit pas travailler aussi dur pour générer une page vue, ce qui signifie que votre site se charge beaucoup plus rapidement.
En utilisant moins de ressources pour afficher le contenu aux visiteurs de votre site Web, votre serveur est moins sollicité et peut fournir des vitesses plus élevées, ce qui se traduit par un site Web WordPress plus rapide.
Types de mise en cache
En ce qui concerne les sites Web WordPress, il n’existe que deux types de mise en cache :
- Mise en cache au niveau du serveur (par exemple, CDN)
- Plugins de mise en cache
Mise en cache au niveau du serveur
Vous avez peut-être remarqué que lorsque vous vous inscrivez pour votre hébergement web, l’une des fonctions incluses est“CloudFlare CDN“. Il s’agit d’un logiciel de mise en cache qui est géré par votre fournisseur d’hébergement Web et qui est extrêmement facile à utiliser. Vous n’aurez pas à vous soucier du choix du plugin de mise en cache à installer, de sa mise à jour, etc.
Plugins de mise en cache
Si votre hébergeur ne fournit pas de logiciel de mise en cache ou si vous n’avez pas envie de vous abonner à ce type de logiciel, vous pouvez utiliser un plugin de mise en cache WordPress. Il existe des plugins gratuits et premium et ils ont tendance à être très simples à installer, à mettre à jour et à gérer.
W3 Total Cache est l’un de mes préférés. Il est gratuit et compte plus d’un million d’installations actives.
3. Optimisation des images
Les images sont l’une des principales causes de la lenteur du chargement d’un site Web WordPress. Heureusement, l’optimisation des images est très facile à mettre en œuvre et permet d’améliorer la vitesse de votre site Web WordPress.
Non seulement vous devriez faire cela pour augmenter la vitesse de votre site Web WordPress, mais tout le monde devrait mettre en œuvre l’optimisation des images pour s’assurer que votre site Web se classe bien sur les moteurs de recherche comme Google. Si vos images ne sont pas optimisées, vous serez pénalisé.
Les images de grande taille peuvent ralentir vos pages web, ce qui ne crée pas une bonne expérience pour l’utilisateur. L’optimisation des images permet de réduire la taille de leurs fichiers sans perdre en qualité visuelle. Les logiciels d’optimisation d’images comme TinyJPG et TinyPNG sont gratuits et vous pouvez télécharger plusieurs images à la fois.
Plugins de compression d'images
Bien que des logiciels comme TinyJPG soient très pratiques, ils peuvent prendre beaucoup de temps, surtout si vous essayez d’accélérer votre site Web WordPress.
Il existe d’excellents plugins WordPress que vous pouvez utiliser à la place et qui, dans la plupart des cas, optimisent automatiquement toutes les images que vous téléchargez dans votre bibliothèque multimédia WordPress :
Lors de la sélection du meilleur plugin d’optimisation d’image, vous voudrez prendre quelques éléments en considération. Tout d’abord, choisissez un plugin qui compresse et optimise vos images en externe. Cela réduira la charge sur votre serveur et permettra à votre site web de ne pas ralentir.
Deuxièmement, et nous reviendrons sur ce point plus tard, vous devez vous assurer que vous utilisez des images réactives. Les images réactives affichent automatiquement des tailles d’image différentes en fonction du type d’appareil utilisé par l’utilisateur. Au quatrième trimestre 2020, les appareils mobiles représentaient 50,81 % de l’ensemble du trafic internet.
4. Choisissez le bon thème
Un nouveau thème WordPress peut être très tentant, surtout lorsqu’il y en a tant à choisir. Alors que WordPress propose de nombreux thèmes gratuits et premium sur son propre site web, il existe une multitude de thèmes WordPress disponibles sur des sites web externes tels que ThemeForest, de sorte que votre recherche pourrait s’étendre à l’infini.
Toutefois, avant de plonger dans l’achat ou l’installation d’un nouveau thème brillant, vous devez tenir compte de l’incidence de ce dernier sur les performances de votre site Web :
- Fonctionnalités : Elles sont agréables à avoir, et un modèle riche en fonctionnalités pourrait vous donner un faux sentiment de sécurité. Pourquoi ? En effet, vous ne voulez pas que votre site Web soit trop chargé en fonctionnalités, surtout si vous ne comptez pas en utiliser beaucoup. Bien que vous puissiez choisir un thème WordPress riche en fonctionnalités, il serait judicieux de désactiver les fonctionnalités qui ne sont pas utilisées, par exemple Google Fonts, les sliders, les galeries, etc.
- Compatibilité : Assurez-vous que votre thème est compatible avec la dernière version de WordPress (actuellement 5.6 à partir de janvier 2021). Si vous envisagez de créer une boutique en ligne ou si vous souhaitez vendre des produits ou des services en ligne, votre thème doit être compatible avec WooCommerce. De même, si vous souhaitez créer un site Web de forum, vous devrez trouver un thème compatible avec des outils tels que BuddyPress et bbPress.
4. Évaluez vos plugins
Les plugins WordPress peuvent faire passer votre site web d’un site de base aux fonctionnalités limitées à une boutique en ligne complète, un forum, un site d’adhésion, etc. Les plugins sont très utiles et ne sont qu’une des raisons pour lesquelles les gens se tournent vers WordPress pour créer leurs sites web.
Toutefois, un trop grand nombre de plugins peut entraîner un ralentissement de votre site web. Cela n’est pas dû au nombre de plugins en soi, mais plutôt à la façon dont les plugins sont gérés (ou non). Encore une fois, tout comme le choix du bon thème, le choix des bons plugins WordPress est essentiel pour maintenir la vitesse de votre site Web WordPress.
L’un des plus gros problèmes que rencontrent les gens avec les plugins WordPress est le processus de désinstallation. Non, je ne parle pas de cliquer sur le bouton de désinstallation, je parle des choses qui se passent dans les coulisses de votre site web, dans la base de données. Lorsque vous supprimez un plugin WordPress, vous vous retrouvez souvent avec des données dans votre base de données et au fil du temps, avec le plus grand nombre de plugins que vous avez, cela peut entraîner un ralentissement de votre site Web.
Kinsta, présenté ci-dessous, montre un excellent exemple de la façon dont la désinstallation du plugin de sécurité Wordfence peut laisser derrière elle plus de 20 tables dans leur base de données WordPress.
Vous pouvez nettoyer manuellement les tables de votre base de données, mais si vous n’êtes pas familier avec cette méthode, je vous recommande d’utiliser l’Advanced Database Cleaner. Oui, c’est un autre plugin, mais il a un très bon objectif. Ce plugin premium analysera votre site WordPress et vous donnera la possibilité de supprimer les tables orphelines qui sont associées à des plugins qui ne sont plus installés.
5. Stockez vos médias ailleurs
Si votre site web nécessite l’hébergement d’un grand nombre d’images, de vidéos ou d’autres fichiers volumineux, il peut être utile d’envisager de stocker vos fichiers ailleurs. Le déchargement de votre serveur vous soulagera, un peu comme un CDN, mais ce n’est pas la même chose.
Le stockage de vos fichiers multimédias ailleurs nécessite que vous déplaciez physiquement vos fichiers vers un nouvel emplacement qui n’est pas votre serveur. Votre site Web affichera toujours les fichiers, mais ils réduiront votre espace disque et le nombre de requêtes adressées à votre hébergeur.
Amazon S3 est un système de stockage d’objets qui vous permet de stocker et de récupérer une quantité illimitée de données, où que vous soyez. La tarification commence à partir de 0,023 $ par Go pour les premiers 50 To/mois. Pour les petits sites et les blogs, cela n’est pas rentable, mais pour les grands sites web, vous pouvez compter sur amazon pour fournir des solutions de stockage à faible coût. La première année est gratuite, jusqu’à 5 Go, ce qui peut souvent être moins cher que de stocker des données et des fichiers supplémentaires par l’intermédiaire de votre hébergeur.
6. Activer la protection contre les liens hypertextes
L’activation de la protection contre les liens chauds permet d’éviter que votre serveur ne soit fortement sollicité par des liens directs vers vos images.
Qu'est-ce que le Hotlinking ?
On parle de “hotlinking” lorsqu’une personne trouve une image sur un site web ou sur l’internet (par exemple, Google Images) et se connecte directement à l’URL de l’image, au lieu de l’enregistrer et de la télécharger sur le serveur de son site web. L’image s’affichera où que vous colliez l’URL, mais elle sera servie à partir de l’emplacement d’origine où elle est stockée (le serveur web d’un tiers).
Il s’agit d’un moyen extrêmement pratique de placer une image sur votre site web, mais il est très paresseux, utilise les ressources de quelqu’un d’autre et constitue essentiellement un vol. Ce n’est pas quelque chose que nous tolérons et je suis sûr que vous ne voudriez pas que cela arrive aux ressources de votre propre site web.
Comment éviter le Hotlinking ?
Il existe plusieurs façons d’empêcher le hotlinking et de protéger votre site web contre les attaques de ce type. Vous vous souvenez que nous avons parlé des CDN pour diffuser plus rapidement le contenu de votre site Web aux visiteurs ? De nombreux fournisseurs de CDN, comme CloudFlare, intègrent gratuitement une protection contre les liens chauds. Les CDN sont l’un des meilleurs moyens d’activer la protection contre les liens chauds, et vous ferez d’une pierre deux coups pour accélérer votre site Web WordPress.
Bien entendu, étant donné que vous utilisez WordPress, vous pouvez installer un plugin de protection contre les liens chauds, qui est extrêmement facile à installer et à activer. Toutefois, je recommande de rechercher soigneusement les plugins pour s’assurer qu’ils sont fournis par des développeurs de confiance.
7. Effectuez un test de vitesse
Afin d’accélérer WordPress, vous devez obtenir une base de référence de la vitesse de votre site Web WordPress, il est important d’exécuter un test de vitesse frontale en utilisant une variété d’outils et de logiciels disponibles.
Il existe de nombreux outils de test de vitesse que vous pouvez utiliser, mais il vaut mieux choisir un outil et s’y tenir. La plupart des outils fourniront des informations similaires, mais si vous commencez à effectuer des tests et à mélanger les outils, vous risquez de vous embrouiller, vous et votre site web. Pour les besoins des tests de mon propre site web, j’utilise GTMetrix pour mesurer les performances de mon site WordPress. Si vous souhaitez également utiliser GTMetrix, je vous recommande de suivre mon guide détaillé sur la façon d’utiliser GTMetrix pour accélérer votre site Web.
Voici d’autres éléments à prendre en compte lorsque vous effectuez un test de vitesse ou que vous utilisez un outil de test de vitesse :
100/100 – Même s’il est tentant de chercher à obtenir un score parfait, quelques points ne feront pas une grande différence. Le score n’est qu’un indicateur de la performance de votre site web, mais il s’agit d’un guide approximatif car certains grands sites web n’obtiendront pas un score parfait, mais seront en fait très performants. Concentrez-vous sur la vitesse de votre site web plutôt que sur le score lui-même.
Emplacement, emplacement, emplacement : Lorsque vous effectuez un test de vitesse, vous remarquerez que chaque outil choisit un centre de données pour effectuer le test. Il est important de choisir un emplacement de test qui soit le plus proche du centre de données de votre serveur et un autre qui en soit le plus éloigné, afin de mesurer exactement la vitesse de chargement de votre site Web pour chaque public. Pour modifier l’emplacement de votre test de vitesse, vous devrez peut-être vous inscrire à un compte gratuit.
8. Minimiser HTML, CSS et JavaScript
Vous remarquerez peut-être que certains outils de test de vitesse recommandent de réduire le HTML, le CSS et le JavaScript. Cela signifie essentiellement que la quantité de données qu’un navigateur doit télécharger à partir de votre site web est réduite. Pour ce faire, vous pouvez supprimer les caractères, les espaces et les commentaires inutiles du code source.
Pour les développeurs, ces caractères et ce formatage sont utiles, mais pour un navigateur qui doit rendre la page, ils ne font absolument aucune différence, si ce n’est qu’ils entraînent des retards dans la quantité de données qu’il doit télécharger.
Voici quelques plugins WordPress utiles pour réduire facilement vos fichiers :
9. Optimiser les commentaires WordPress
Un blog ou un site Web WordPress performant peut donner lieu à un grand nombre de commentaires, ce qui entraîne des problèmes de performances pour votre site Web. Pour afficher les commentaires sur votre site Web, la base de données de votre site doit exécuter une requête, de nouvelles entrées sont créées pour chaque commentaire, les commentaires doivent être chargés lorsqu’un utilisateur accède à votre site Web et des ressources externes sont souvent demandées. L’affichage des commentaires représente un travail considérable, ce qui explique pourquoi votre site Web peut être ralenti.
Voici quelques options afin d’optimiser vos commentaires WordPress pour accélérer votre site Web WordPress :
- Désactiver les commentaires – Désactiver les commentaires est assez simple, mais vous devez décider si cela convient à votre site Web. Si la désactivation totale des commentaires est une option facile, cela signifie également que les commentaires de qualité ne seront pas explorés par Google et pourraient avoir un impact sur votre score de référencement. Toutefois, si vous êtes inondé de commentaires indésirables et qu’aucun d’entre eux n’apporte de valeur ajoutée à votre site Web, il peut être préférable de les désactiver.
- Système de commentaires WordPress – Le système de commentaires natif de WordPress vous permet de réduire le nombre de commentaires qui sont chargés lors du chargement initial de votre site ou de votre page web. Vous pouvez répartir les commentaires en pages, avec un certain nombre de commentaires de premier plan affichés sur chaque page.
- Chargement paresseux des commentaires – Le chargement paresseux des commentaires n’entraînera pas de ralentissement du rendu initial de votre page. Cela vaut donc la peine de vérifier certains plugins qui peuvent le faire pour vous, par exemple Lazy Load for Comments ou Disqus Conditional Load.
10. Optimisation pour le mobile
Enfin, et ce n’est certainement pas le moins important, vous devez axer l’optimisation de votre site Web sur une base mobile-first. L’index mobile-first de Google a été déployé en 2018, ce qui signifie que la version mobile de votre site Web est ce que Google utilise pour indexer et classer votre site Web. L’objectif est de faire en sorte que les sites Web soient adaptés et améliorent l’expérience mobile des utilisateurs, ce qui doit être une priorité absolue lorsque vous envisagez d’optimiser votre site Web.
Dans un article de Think With Google, Google a confirmé que la meilleure pratique consistait à viser un indice de vitesse moyen inférieur à 3 secondes pour afficher le contenu des pages mobiles. Cependant, en 2018, le temps de chargement moyen d’un site mobile était de 15 secondes, un chiffre énorme. Il est impossible que la majorité des utilisateurs attendent aussi longtemps le chargement d’un site web.
La vitesse est l’un des facteurs les plus importants ; pourquoi ? En effet, les internautes quitteront votre site web (taux de rebond) si celui-ci ne se charge pas assez rapidement sur leur appareil mobile. Elle affecte également la convivialité et votre classement dans les moteurs de recherche, ce qui fait chuter le nombre de conversions.
Étude de cas
J’ai récemment été contacté par un client avec lequel j’avais travaillé pour héberger, construire et maintenir son site web. La propriétaire du site s’inquiétait de voir son site ralentir à mesure qu’elle ajoutait du contenu, des widgets et des fonctionnalités. J’ai examiné son site web et les dernières modifications qu’elle avait apportées, j’ai déterminé les problèmes à l’aide d’outils tiers gratuits et, en quelques minutes, j’ai pu réduire son temps de chargement de 30 % en moyenne !
Le client a souhaité ne pas être nommé, mais m’a volontiers dit que je pouvais partager avec vous tous les résultats et le processus d’accélération de WordPress.
Voici les spécifications du client :
En utilisant le test de vitesse gratuit de Pingdom, j’ai constaté que le site du client avait une note de performance de [ D 67 ], mais que le temps de chargement moyen était de 2,53 secondes. Le site a obtenu tous les scores [ A 90+ ] pour les options de mise en cache (WP Engine est excellent à cet égard !), mais les lacunes du site se situent principalement au niveau de la combinaison des CSS et JavaScript externes.
Je me suis mis à la recherche d’une solution automatisée pour combiner CSS et JS, et après quelques recherches, je suis tombé sur le plugin Autoptimize. Autoptimize accélère votre site Web et vous aide à économiser de la bande passante en regroupant et en minimisant JS, CSS et HTML. Il a été développé par Frank Goossens, turl, et Optimizing Matters. Il nécessite la version 2.7 ou supérieure de WordPress, et est compatible jusqu’à la version 4.5.3 de WordPress à partir de la dernière version d’Autoptimize v2.0.2 en mai 2016. Il y a actuellement plus de 100 000 installations actives.
Autoptimize rend l’optimisation de votre site très facile. Il concatène tous les scripts et les styles, les minifie et les compresse, ajoute des en-têtes expéditifs, les met en cache, déplace les styles vers l’en-tête de la page et peut déplacer les scripts vers le pied de page. Il réduit également le code HTML lui-même, ce qui rend votre page très légère. Des options avancées et une API étendue sont disponibles pour vous permettre d’adapter Autoptimize aux besoins spécifiques de chaque site.
Là encore, ma cliente était hébergée chez WPEngine, elle n’a donc pas eu besoin d’utiliser un plugin de mise en cache WordPress, car WPEngine le fait pour vous. En fait, WP Engine interdit tous les plugins de mise en cache car, et je cite “nous le faisons mieux, et nous le faisons automatiquement”. C’est de la confiance !
Les avantages de l’encaissement de WP Engine comprennent la mise en cache automatique des pages, la mise en cache des objets, la gestion des CDN et la réécriture des URL. Tout est automatique, et ils gèrent tout pour vous, de sorte que vous n’avez rien à faire. Si vous creusez dans la documentation technique de WP Engine, vous découvrirez que leur système propriétaire de mise en cache des pages atteint des débits de 9 000 pages par seconde ! Même les plugins de mise en cache WordPress les plus rapides, tels que WP Super Cache et W3 Total Cache, sont nettement plus lents, ce qui se traduit par des sites Web plus lents et des obstacles à l’évolutivité.
Le processus d’optimisation de WordPress
J’ai essayé diverses configurations dans le plugin Autoptimize, mais j’ai constaté que, couplés au système de mise en cache propre à WP Engine, les paramètres d’Autoptimize ci-dessous donnaient les meilleurs résultats.
Optimiser le code HTML
Optimiser le code JavaScript
Optimiser le code CSS
J’ai laissé les paramètres avancés tels quels, avec l’option Force JavaScript in <head> activée, ainsi que l’option Save aggregated script/css as static files activée sous Cache Info.
*Notez que ces paramètres peuvent être différents si vous êtes sur un autre hôte Web ou si vous utilisez un plugin de mise en cache. Je vous recommande toutefois de commencer avec ces trois paramètres, de refaire vos tests de vitesse et d’ajuster ensuite.
Avant l’optimisation de WordPress
Après l’optimisation de WordPress
Les résultats ont été stupéfiants, puisque le site est passé d’une moyenne de 2,53 secondes à une moyenne de 1,76, sur les trois sites de test fournis par Pingdom. En outre, vous remarquerez dans les captures d’écran des résultats ci-dessus que le site Web est passé d’une note [ F ] pour la combinaison JavaScript et CSS, à un solide score [ C ]. Quelques problèmes subsistaient, comme une quantité importante de redirections et de chaînes JS supplémentaires, mais la majorité d’entre eux étaient dus à des widgets et des fonctionnalités de tiers intégrés dans le site Web du client. (lorsqu’ils ne sont pas sur son serveur, elle ne peut pas faire grand-chose pour optimiser leur code). Néanmoins, nous étions tous deux satisfaits du nouveau temps de chargement moyen avec un 1 solide devant les chiffres, comme indiqué ci-dessous.
Ma cliente était également ravie des résultats, car elle recherchait un temps de chargement de 1,XX seconde, et m’a écrit cette réponse :
“Dans l’heure qui a suivi la réception de votre courriel, j’ai constaté une augmentation des ventes en ligne sur mon site. Il pourrait s’agir d’une anomalie après les vacances [4th of July], mais nous sommes en hausse de près de 20% sur la journée ! Merci beaucoup !”
Ce n’est certainement pas la preuve d’une corrélation directe, car l’échantillon date de moins de 24 heures et n’est pas encore prouvé. Mais le verdict initial est qu’une augmentation de 30% de la vitesse peut en fait correspondre à une augmentation de 20% des ventes de commerce électronique. C’est assez incroyable !
Recommandations pour accélérer votre site Web WordPress :
-
Obtenez un hébergement WordPress de qualité supérieure
Envisagez un hébergement WordPress haut de gamme tel que WP Engine, conçu pour la vitesse, avec une mise en cache automatique et intégrée côté serveur. -
Si vous ne pouvez pas opter pour la formule Premium, utilisez des plugins de mise en cache.
Si votre budget ne vous permet pas d’opter pour un hébergeur haut de gamme comme WP Engine, envisagez un hébergeur comme SiteGround ou Bluehost, et utilisez un plugin de mise en cache comme WP Super Cache, W3 Total Cache ou HyperCache.
-
Compresser toutes les images et les graphiques
Lorsque vous créez votre site Web, faites attention à la taille des images et comprimez les fichiers JPG et PNG en conséquence. (essayez toujours de viser une taille d’image de 100 kb ou moins).
-
Minimiser HTML, CSS et JavaScriptUne fois que votre mise en cache est configurée, que les images et les graphiques plus grands sont optimisés, installez Autoptimize pour combiner et minifier JS, CSS et HTML.
-
Continuez à ajuster les paramètres de vos plugins
Continuez à ajuster vos plugins de mise en cache et d’optimisation automatique jusqu’à ce que vous voyiez un 1.XX devant vos temps de chargement !
J’espère que ce tutoriel vous a été utile. Après des années de travail avec WordPress, d’innombrables hébergeurs et plugins de mise en cache (propriétaires et open source), et après avoir optimisé manuellement les CSS et JS de thèmes WordPress volumineux, Autoptimize est un plugin gratuit très apprécié et très efficace. J’ai installé le site sur plusieurs de mes propres sites Web et je vous encourage à faire de même.
Par-dessus tout, n’oubliez pas que la rapidité passe avant tout par le choix d’une société d’hébergement web rapide. Vous pouvez optimiser votre code, installer les bons plugins, configurer la mise en cache de la manière la plus efficace possible, mais sans un hôte rapide, tous ces efforts n’auront qu’une portée limitée.
