25 optimisations WordPress éprouvées pour des sites ultra-rapides

Près de 30 % de l'internet entier tourne sur WordPress.

Les problèmes de performance WordPress sont bien connus.

Le fait est que vous avez des secondes, sinon des fractions de seconde, pour convaincre les utilisateurs de rester sur une page web.

Quand le temps de chargement d'une page passe de 1 à 3 secondes, la probabilité que l'utilisateur quitte le site augmente de 32 %. Si vous étendez le temps de chargement à 5 secondes, les rebonds augmentent dramatiquement à 90 %.

En plus de l'effet sur l'expérience utilisateur et la rétention des visiteurs, la vitesse du site impacte le positionnement dans les moteurs de recherche.

Google a clarifié qu'il accorde un traitement préférentiel aux sites qui chargent plus vite. Tous les autres facteurs étant égaux, si votre site est plus rapide que celui de votre concurrent, Google vous favorisera dans les classements.

Les coupables principaux incluent :

• Exécution de nombreux scripts
• Téléchargement d'images et autres éléments embarqués
• Requêtes HTTP répétées au serveur
• Récupération d'informations depuis la base de données WordPress

Voici 25 astuces qui répondent à la question : comment accélérer WordPress et arrêter de perdre des clients potentiels.

1. Choisir un hébergeur WordPress de haute qualité

Si votre site est sur un hébergement mutualisé avec potentiellement des centaines d'autres sites en compétition pour les mêmes ressources, vous pouvez remarquer une vitesse de site frustrante.

Pour les petits sites, l'hébergement mutualisé peut être tout à fait acceptable, pourvu qu'il soit hébergé par un fournisseur réputé incluant une mémoire suffisante.

Une fois que vous atteignez environ 30 000 visiteurs mensuels et plus, envisagez de passer à un serveur dédié ou, à tout le moins, un serveur privé virtuel (VPS). Les deux empêchent un « mauvais voisin » de monopoliser toutes les ressources partagées. Les experts recommandent aussi de chercher un serveur physiquement situé près de votre audience cible. Moins vos données ont de distance à parcourir, plus vite elles arriveront.

De nombreuses sociétés d'hébergement proposent des packs d'hébergement WordPress mutualisé. Ceux-ci offrent souvent des options de stockage inférieures mais avec des packs matériels plus rapides et plus dédiés. Encore mieux, une solution d'hébergement géré est souvent moins chère et plus inclusive que les autres options disponibles.

2. Appliquer les mises à jour WordPress rapidement

Pour tout professionnel de la sécurité, appliquer les mises à jour vite semble une évidence. Pourtant, en pratique, environ 40 % des sites WordPress tournent sur la dernière version. Les mises à jour logicielles incluent souvent des améliorations de vitesse en plus des améliorations de sécurité, alors mettez à jour dès que possible.

Les mises à jour s'appliquent aussi aux plugins de sécurité WordPress. Certains disent qu'ils sont encore plus critiques à maintenir car ils sont souvent la force motrice des goulets d'étranglement de vitesse et des vulnérabilités de sécurité. Il est recommandé de vérifier quotidiennement les mises à jour disponibles.

3. Éviter les thèmes surchargés

Choisissez un thème WordPress avec la vitesse en tête. Cela ne signifie pas que vous devez opter pour un site squelette, mais n'allez pas vers un thème « tout sauf l'évier de cuisine » non plus. De nombreux thèmes WordPress commerciaux viennent bourrés de fonctionnalités qui ne sont pas utilisées. Ces fonctionnalités, stockées sur le serveur dans un état inactif, peuvent créer une traînée sur la performance.

Le thème par défaut Twenty Fifteen, par exemple, offre beaucoup de fonctionnalités, y compris mobile-first, tout en restant épuré et léger. Cherchez un thème WordPress qui fournit ce dont vous avez besoin et seulement ce dont vous avez besoin.

4. Utiliser un plugin de mise en cache

Mettre votre site en cache peut accélérer dramatiquement votre site web et figure parmi les corrections les plus critiques de cette liste.

Avec un plugin de cache, des copies des pages générées précédemment sont stockées en mémoire où elles peuvent être rapidement récupérées la prochaine fois qu'elles sont nécessaires. Mettre une page web en cache est bien plus rapide que d'interroger la base de données WordPress plusieurs fois et de charger depuis la source. C'est aussi plus économe en ressources.

Les plugins de cache sont assez intelligents pour rafraîchir la copie en cache si le contenu de la page est mis à jour. Les plugins de cache recommandés pour accélérer WordPress incluent WP Super Cache (gratuit), W3 Total Cache (gratuit), et WP Rocket (payant, mais le plus rapide dans les tests).

5. Optimiser les images

Assurez-vous que les images sont dans un format approprié (PNG ou GIF pour les graphiques, JPEG pour les photos) et pas plus grandes que nécessaire. C'est l'un des moyens les plus simples d'accélérer WordPress.

Compressez-les pour rendre les images plus petites afin qu'elles se téléchargent plus vite pour l'utilisateur final. Vous pouvez le faire manuellement avant d'uploader les images ou automatiser le processus avec un plugin comme WP Smush. Avec WP-Smush, toutes les images que vous uploadez sur votre site WordPress seront automatiquement compressées.

Soyez conscient des écrans à plus haute résolution lors de l'optimisation de vos images. Utilisez le code @2x (et variantes) si vous avez l'intention de diriger les images de plus haute résolution pour des appareils spécifiques.

6. Envisager un CDN

Un réseau de diffusion de contenu (CDN) est un groupe géographiquement distribué de serveurs qui travaillent ensemble pour délivrer du contenu rapidement. Des copies de votre contenu web statique sont mises en cache dans le CDN. Le contenu statique inclut des choses comme les images, feuilles de style et fichiers JavaScript.

Quand le navigateur d'un utilisateur appelle un élément de contenu particulier, il est chargé depuis le nœud le plus proche du CDN. Par exemple : si l'utilisateur est au Royaume-Uni et votre site est hébergé aux US, les données n'ont pas besoin de traverser l'Atlantique pour atteindre l'utilisateur. Au lieu de cela, elles sont servies par un nœud CDN proche.

Pour les sites à fort trafic, un CDN offre des avantages additionnels. Sans CDN, toutes vos pages sont servies depuis un seul emplacement, plaçant la charge complète sur un seul serveur. Avec un CDN, la charge serveur est distribuée sur plusieurs sites autres que le vôtre. Un CDN peut aussi aider à protéger contre les menaces de sécurité comme les attaques par déni de service distribué (DDoS).

Un CDN n'est pas un service d'hébergement WordPress. C'est un service séparé qui peut être utilisé pour tirer parti de la performance. Cloudflare est un choix populaire pour les petits sites car il offre une version gratuite. StackPath (anciennement MaxCDN) n'est pas gratuit (à partir de 9 $/mois) mais propose un panneau de contrôle convivial pour débutants et s'interface avec la plupart des plugins de cache WordPress populaires.

7. Configurer le chargement paresseux (Lazy Loading)

Pourquoi gaspiller une bande passante précieuse (et du temps) à charger des images que votre visiteur ne peut pas voir ?

Le lazy loading force le chargement immédiat des seules images « above the fold » (avant que l'utilisateur n'ait besoin de scroller) et retarde le reste jusqu'à ce que l'utilisateur scrolle vers le bas.

Le lazy loading est particulièrement précieux si une page contient de multiples images ou vidéos qui peuvent ralentir votre site. Comme pour beaucoup de boosters de vitesse WordPress, il existe des plugins pour cela.

Les plus populaires incluent BJ Lazy Load et Lazy Load by WP Rocket.

8. Meilleurs plugins de vitesse WordPress

Votre base de données WordPress stocke tout votre contenu de site web. Cela inclut les articles de blog, révisions, pages, commentaires, et posts personnalisés comme le contenu des formulaires.

C'est aussi là que les thèmes et plugins suivent leurs données et paramètres. À mesure que votre site grandit, la base de données grandit aussi, et la surcharge requise par chaque table dans la base de données augmente. À mesure que la taille et la surcharge augmentent, la base de données devient moins efficace. L'optimiser de temps en temps peut atténuer ce problème. Considérez-le comme une défragmentation de disque dur.

Vous pouvez optimiser votre base de données via l'outil SQL de base de données WordPress de votre panneau de contrôle d'hébergement. Pour beaucoup, c'est phpMyAdmin.

Si vous utilisez phpMyAdmin, cochez la case pour sélectionner toutes les tables de la base de données. Puis en bas de l'écran choisissez « optimiser la table » dans le menu déroulant.

Alternativement, vous pouvez installer un plugin comme WP-Optimize ou WP-DB Manager. Les plugins ont l'avantage de supprimer des éléments additionnels non nécessaires en plus d'optimiser les données restantes.

Pourquoi perdre du temps et de l'espace à stocker des choses comme les commentaires mis à la corbeille ou non approuvés et les données obsolètes ?

9. Faire un check-up à vos plugins

Chaque plugin que vous ajoutez à votre site ajoute du code supplémentaire. Beaucoup en ajoutent plus car ils peuvent charger des ressources depuis d'autres domaines. Un mauvais plugin pourrait charger 12 fichiers externes alors qu'un optimisé se contente d'un ou deux.

En sélectionnant des plugins, choisissez uniquement ceux offerts par des développeurs établis et recommandés par des sources de confiance. Si vous cherchez des plugins dans le dépôt WordPress, une vérification rapide est de voir combien d'autres personnes utilisent aussi le même plugin.

Si vous trouvez qu'un plugin ralentit votre site, cherchez-en un autre qui fait le même travail plus efficacement.

Des outils comme Pingdom (regardez la section requêtes de fichiers) et GTmetrix (regardez l'onglet Waterfall) peuvent vous aider à trouver les pires coupables.

10. Supprimer les plugins inutiles

Chaque plugin consomme des ressources et réduit la vitesse du site. Ne laissez pas de vieux plugins inutilisés dans votre base de données. Simplement, supprimez-les pour améliorer la performance WordPress.

11. Définir un en-tête Expires pour les ressources statiques

Un en-tête Expires est un moyen de dire aux navigateurs de ne pas se donner la peine de re-récupérer du contenu qui est peu susceptible d'avoir changé depuis la dernière fois qu'il a été chargé. Au lieu d'obtenir une copie fraîche de la ressource depuis votre serveur web, le navigateur de l'utilisateur utilisera la copie locale stockée sur son ordinateur, ce qui est bien plus rapide à récupérer.

Vous pouvez faire cela en ajoutant quelques lignes de code à votre fichier .htaccess racine comme décrit dans cet article pratique de GTmetrix.

Il vaut la peine de noter que si vous développez encore votre site et changez potentiellement votre CSS, n'ajoutez pas d'expiration lointaine pour vos fichiers CSS. Sinon, les visiteurs ne verront pas le bénéfice de vos derniers ajustements CSS.

12. Désactiver le Hotlinking

Le hotlinking (aussi appelé leeching) est une forme de vol de bande passante. Ça fonctionne comme ceci : un autre webmaster lie directement du contenu sur votre site (généralement une image ou vidéo) depuis son propre contenu. L'image sera affichée sur le site du voleur mais chargée depuis le vôtre.

Le hotlinking peut augmenter votre charge serveur et diminuer la performance de votre site, sans parler que c'est une utilisation abyssale de l'étiquette web. Vous pouvez protéger votre site du hotlinking en bloquant les liens externes vers certains types de contenu, comme les images, sur votre site.

Si vous avez cPanel ou WHM fourni par votre service d'hébergement, vous pouvez toujours utiliser les outils de protection anti-hotlinking intégrés qu'ils contiennent. Sinon, si votre site utilise le serveur web Apache (hébergement Linux), tout ce que vous avez à faire est d'ajouter quelques lignes de code à votre fichier .htaccess racine.

Vous pouvez choisir des chaînes de code clés qui autorisent les liens internes et les liens depuis les moteurs de recherche comme Google. Vous pourriez aussi ajouter des règles plus complexes comme autoriser les liens depuis des sources comme un service de flux ou définir une image par défaut à afficher à la place d'une image hotlinkée.

13. Activer GZIP

Réduire la taille de vos pages est crucial pour une livraison rapide.

GZIP est un algorithme qui compresse les fichiers à l'envoi et les restaure à la réception. Activer la compression GZIP sur votre serveur peut réduire dramatiquement les temps de chargement de page en réduisant les tailles de page jusqu'à 70 %.

Quand un navigateur demande une page, il vérifie si l'en-tête de réponse « Content-encoding: gzip » existe. Si oui, il sait que le serveur a GZIP activé et que le contenu comme HTML, feuilles de style et JavaScript peut être compressé. De nos jours GZIP est activé par défaut sur de nombreux serveurs, mais il est préférable d'en être sûr. Cet outil gratuit de vérification de compression GZIP vous le dira.

Si vous devez activer GZIP, la façon la plus simple est d'utiliser un plugin comme WP Rocket. W3 Total Cache fournit aussi un moyen de l'activer, sous ses options de performance. Si vous ne pouvez pas utiliser un plugin à cause de problèmes de permissions ou ne voulez pas et vous utilisez l'hébergement Linux, vous pouvez le faire vous-même en modifiant le fichier .htaccess racine de votre site. Cet article explique comment activer gzip avec .htaccess.

14. Optimiser votre page d'accueil pour la vitesse du site WordPress

Votre page d'accueil créera la première impression de votre marque et votre business. Il est crucial d'optimiser pour la réactivité mobile, une UI/UX agréable, et surtout pour la vitesse.

Étapes à suivre :

• Supprimez les widgets inutiles. Vous n'avez pas besoin d'afficher chaque widget partout.
• N'incluez pas les widgets de partage et plugins sur la page d'accueil. Réservez-les pour les articles.
• Limitez le nombre d'articles sur la page d'accueil. Moins d'articles égalent un chargement plus petit et plus rapide.
• Utilisez des extraits au lieu d'articles complets. Encore, plus petit égale vitesse plus rapide.
• Allez-y mollo sur les graphiques. Les images et vidéos prennent plus de temps à charger que le texte.

15. Héberger les vidéos ailleurs

Plutôt que d'uploader des vidéos comme médias et de les servir sur votre site, profitez des services vidéo pour décharger la bande passante et le traitement.

Utilisez le deuxième moteur de recherche le plus fréquenté du web et uploadez vos vidéos sur YouTube, ou un service similaire comme Vimeo. Ensuite, vous pouvez copier un petit bout de code et le coller dans un article sur votre site où vous voulez que la vidéo apparaisse. C'est ce qu'on appelle l'embarquement d'une vidéo. Quand un utilisateur voit la page, la vidéo sera streamée depuis le serveur tiers plutôt que le vôtre. Contrairement au hotlinking, c'est la pratique recommandée pour le contenu riche en médias comme la vidéo.

16. Limiter les révisions d'articles

La capacité de revenir à une version précédemment sauvegardée d'un article peut être utile, mais avez-vous besoin de garder chaque copie de chaque article que vous avez jamais fait ? Probablement pas.

Ces copies supplémentaires encombrent votre base de données et ajoutent de la surcharge, donc il est préférable de mettre un plafond sur le nombre stocké. Vous pouvez le faire en utilisant un plugin, comme Revision Control, ou vous pouvez définir une limite en ajoutant la ligne suivante à votre fichier wp-config.php :

define( 'WP_POST_REVISIONS', 3 );

Définissez un nombre avec lequel vous êtes à l'aise. N'importe quoi sera moins que le défaut, qui stocke automatiquement les révisions sans limite.

17. Définir l'image Gravatar par défaut sur vide

Gravatar est un service web qui permet à quiconque de créer un profil avec une image avatar associée qui se lie automatiquement à son adresse email. Quand l'utilisateur laisse un commentaire sur un blog WordPress, son avatar est affiché à côté. Si l'utilisateur n'a pas d'image Gravatar définie, WordPress affiche l'image Gravatar par défaut. Cela signifie que vous pouvez avoir des douzaines de commentaires montrant la même image « mystery man » peu informative. Pourquoi perdre du temps de chargement de page sur quelque chose qui n'est pas très utile quand vous pouvez vous en débarrasser ?

Changer l'image Gravatar par défaut est facile. Dans votre tableau de bord Admin WordPress, allez à Réglages > Discussion. Descendez à la section Avatars. Sélectionnez Vide comme Avatar par défaut. Mission accomplie.

18. Désactiver les Pingbacks et Trackbacks

Quand les Pingbacks et Trackbacks ont été implémentés, ils étaient censés être un véhicule pour partager le crédit et référencer du contenu lié. En pratique, ils sont principalement un véhicule pour le spam. Chaque ping/track reçu ajoute des entrées (donc plus de données) à votre base de données.

Puisqu'ils sont rarement utilisés pour autre chose qu'obtenir un lien de votre site vers celui du spammeur, envisagez de les désactiver entièrement. Pour ce faire, allez à Réglages > Discussion. Sous réglages d'article par défaut, décochez la ligne qui dit « Autoriser les notifications de lien depuis d'autres blogs (pingbacks et trackbacks). » Notez que cela désactivera les ping/tracks pour l'avenir, mais ne s'appliquera pas rétroactivement aux articles existants.

19. Paginer les commentaires

Obtenir beaucoup de commentaires sur votre blog est une bonne chose, mais cela peut ralentir le chargement global de la page. Pour éliminer ce problème potentiel, allez à Réglages > Discussion et cochez la case à côté de l'option « Pager les commentaires ». Vous pouvez alors spécifier combien de commentaires vous voulez par page et si vous voulez afficher les plus récents ou les plus anciens en premier.

20. Se débarrasser des sliders (carrousels)

Que les sliders soient beaux est une question d'opinion. Mais le fait qu'ils ralentiront votre site WordPress ne l'est pas.

Les sliders ajoutent du JavaScript supplémentaire qui prend du temps à charger et réduit les taux de conversion.

Ils poussent aussi votre contenu principal plus bas dans la page, peut-être hors de vue. Pourquoi prendre un coup de performance pour quelque chose qui ne sert que de bonbon visuel inefficace ?

21. Déplacer les scripts dans le footer

JavaScript est un langage de script astucieux qui vous permet de faire toutes sortes de choses passionnantes. Il prend aussi du temps à charger les scripts qui font la magie. Quand les scripts sont dans le footer, ils devront encore charger, mais ils ne bloqueront pas le reste de la page dans le processus. Soyez conscient que parfois les scripts doivent charger dans un ordre particulier, donc gardez le même ordre si vous les déplacez.

22. Combiner boutons et icônes en CSS Sprites

Un sprite est une grande image composée d'un tas de petites images. Avec les CSS sprites, vous chargez l'image sprite et la positionnez pour afficher la portion que vous souhaitez afficher.

Ainsi, une seule requête HTTP pour l'image en résulte, au lieu de requêtes individuelles pour chaque image composante.

23. Minifier JavaScript et CSS

La minification est le processus de rendre certains fichiers plus petits pour qu'ils se transmettent plus vite. Elle est accomplie en supprimant les espaces blancs, sauts de ligne et caractères inutiles du code source.

Better WordPress Minify est un plugin de minification populaire. Il offre de nombreuses options de personnalisation. Commencez par cocher les deux premières options générales.

Ces deux spécifient que les fichiers JavaScript et CSS doivent être minifiés. Le plugin fonctionne en créant de nouvelles copies minifiées des fichiers originaux. Les originaux restent en place, donc vous pouvez rapidement y revenir si désiré.

24. Éviter les redirections de page d'atterrissage

WordPress est assez intelligent sur beaucoup de choses, et les redirections en font partie. Si un visiteur tape https://votre-domaine.com/SuperArticle.html dans son navigateur, et que votre site est configuré pour utiliser le préfixe www, le visiteur sera automatiquement redirigé vers la bonne page (avec le préfixe www ajouté), https://www.votre-domaine.com/SuperArticle.html.

Et si l'utilisateur tape https:// au lieu de https:// ? Il arrivera probablement quand même à la page désirée, mais il peut y avoir une autre redirection quand HTTPS convertit vers HTTP, et ensuite cela est redirigé vers l'URL www. Plus de temps perdu à attendre le chargement de la page cible.

Les redirections sont pratiques pour atterrir votre visiteur sur la bonne page, mais elles prennent du temps, retardant le chargement. Donc, vous devriez les éviter quand possible. Quand vous liez vers une page sur votre site, assurez-vous d'utiliser la version correcte, non redirigée de l'URL. Aussi, votre serveur devrait être configuré pour que les utilisateurs puissent atteindre n'importe quelle URL avec pas plus d'une redirection, quelle que soit la combinaison de HTTP/HTTPS ou www utilisée.

Pour vérifier le statut des redirections actuellement employées par votre site, essayez quelques URLs dans ce Redirect mapper. Si vous voyez plus d'une redirection, vous devrez modifier votre serveur pour assurer que les visiteurs arrivent au bon endroit plus rapidement.

Si votre site est hébergé sur Linux, vous pouvez accomplir cela en ajoutant des règles de réécriture d'URL à votre fichier .htaccess. Pour d'autres plateformes d'hébergement, vérifiez votre tableau de bord pour voir s'il y a une option pour configurer la redirection. Sinon, contactez le support technique et demandez-leur de corriger pour vous.

25. Remplacer PHP par du HTML statique

PHP est un langage d'exécution rapide, mais il n'est pas aussi rapide que le HTML statique. Il y a de fortes chances que votre thème exécute une demi-douzaine d'instructions PHP dans le header qui peuvent être échangées contre du HTML statique. Si vous visualisez votre fichier header (Présentation > Éditeur de thème), vous verrez de nombreuses lignes qui ressemblent à ceci :

La partie en gras est le PHP qui s'exécute à chaque chargement de page. Bien que cela prenne un temps minimal, c'est plus lent que du HTML pur.

Si vous êtes déterminé à rendre votre site web aussi rapide que possible, vous pouvez échanger le PHP contre du texte. Pour voir par quoi remplacer le PHP, utilisez l'option Voir la source en regardant votre page web (clic droit > voir la source).

Vous verrez quelque chose comme ceci :

La zone en gras est le texte qui a résulté du code PHP traité. Remplacez l'appel PHP original par ce code. Si vous le faites pour les principaux appels PHP dans le header seul, vous pouvez économiser au moins six appels à PHP. Si vous utilisez des titres différents ou des titres d'articles sur des pages séparées pour des raisons SEO, ne changez pas le PHP dans la première ligne. Vérifiez votre footer et sidebar pour des opportunités additionnelles d'échanger PHP contre du texte.

Vitesse du site : tout assembler pour l'optimisation WordPress

À ce stade, vous devriez avoir une bonne maîtrise de comment accélérer votre site WordPress.

Vous devriez être capable de comprendre l'importance d'un site réactif focalisé sur la performance et la vitesse pour capter l'attention de vos utilisateurs rapidement.

Il y a de fortes chances qu'en naviguant ce guide, vous ayez découvert que votre site web avait beaucoup de place pour l'amélioration.

Une fois que vous appliquez les astuces ci-dessus, relancez un test de vitesse de site WordPress via TestMySite et Page Speed Insights de Google.

Vous devriez être agréablement surpris par la vitesse améliorée. N'oubliez pas de surveiller les données Google Analytics pour voir combien plus de visiteurs vous recevez et le temps passé sur vos pages. Cela devrait être un outil continu pour surveiller l'efficacité de vos optimisations.

Gardez à l'esprit que la vitesse est essentielle, mais ce n'est pas tout. Vous pourriez couper toutes les images, vidéos et plugins et employer un thème squelette pour atteindre un temps de chargement fulgurant, mais votre site pourrait finir ennuyeux.

Au lieu de cela, équilibrez vitesse, apparence et fonctionnalité, avec un accent sur la vitesse. Vos clients le remarqueront. Vous pouvez compter dessus. Maintenant, vous êtes prêt à accélérer votre site WordPress !