10 façons d’optimiser votre site WordPress pour le rendre plus rapide

Avec une étude récente de Microsoft montrant que notre durée d’attention est passée de 12 secondes en 2000 à 8 secondes en 2013, il devient de plus en plus clair que les internautes sont impatients. Des recherches plus approfondies montrent que 40% des personnes abandonneront votre site Web si le chargement prend plus de 3 secondes.

Alors que WordPress par défaut est léger et rapide, la configuration de l’utilisateur Web moyen peut rendre les choses lentes et extrêmement alambiquées. Si vous voulez un site WordPress rapide, portez une attention particulière aux conseils suivants.

1 Optimisez régulièrement votre base de données

WordPress est un CMS qui dépend fortement de la base de données, ce qui peut contribuer à ralentir l’expérience.

Les aspects suivants utilisent beaucoup de base de données et peuvent contribuer à un site Web lent :

• Post-révisions : les post-révisions peuvent rapidement encombrer votre base de données et ralentir votre site. Chaque révision de publication est une nouvelle entrée dans votre base de données, et cela s’additionne rapidement. Vous pouvez soit désactiver les révisions de publication, soit les limiter. Si vous souhaitez des révisions limitées, vous pouvez mettre à jour votre wp-config.phpfichier en ajoutant le code ci-dessous :

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

  Le code ci-dessus demande à WordPress d’enregistrer un maximum de 5 révisions de publication et de n’enregistrer les révisions qu’à des intervalles de 5 minutes. Vous pouvez modifier le code pour refléter vos besoins de post-révision.

  Alternativement, si vous ne souhaitez pas ajouter de code à votre fichier wp-config.php, vous pouvez installer le contrôle de révision ou le plugin WordPress WP-Sweep pour gérer automatiquement les révisions de publication.

• Pingbacks et trackbacks : les pingbacks et les trackbacks peuvent également encombrer votre base de données, vous pouvez donc les désactiver.

• Commentaires de blog : les commentaires de blog ne sont pas nécessairement mauvais, jusqu’à ce que vous découvriez que vous avez des milliers de commentaires de spam qui occupent inutilement de l’espace dans votre base de données. Assurez-vous de supprimer régulièrement les commentaires indésirables pour éviter qu’ils n’occupent de l’espace mémoire.

• Plugins : Certains plugins stockent des données et des journaux dans votre base de données ; Au début, vous les trouvez utiles jusqu’à ce que vous vous rendiez compte de l’espace qu’ils consomment. J’ai eu un plugin de raccourcissement d’URL qui montre également que les données d’analyse utilisent jusqu’à 160 Mo d’espace de ma base de données. Oui, ce n’est qu’un plugin ! Habituellement, ces plugins sont inutiles et peuvent être supprimés ou remplacés.

• Analyses et journaux : en règle générale, méfiez-vous des plugins qui stockent des données d’analyse et de journaux sur votre site ; la plupart du temps, ils utilisent beaucoup d’espace dans la base de données et peuvent rendre votre site Web alambiqué et lent.

Mieux encore, vous pouvez installer le plugin WP-Optimize et l’utiliser pour nettoyer régulièrement votre base de données.

2 Optimisez vos images

La taille de vos images correspond au temps de chargement de votre site ; cela se produit particulièrement lorsque vous exécutez un site riche en images ou lorsque vous utilisez des images pour tous vos articles et qu’elles doivent également être chargées sur la page d’accueil.

Il y a deux façons d’aborder cela:

• Optimisez et réduisez régulièrement la taille de vos images ; vous pouvez le faire sans compromettre la qualité comme je l’expliquerai plus tard.
• Retarder le chargement des images ; de cette façon, les images ne se chargent pas tant que les lecteurs ne font pas défiler jusqu’à l’endroit où se trouvent les images. Cela peut également aider à prévenir les problèmes de chargement du site.

En optimisant vos images, une image de 2mb peut être réduite à 600kb sans sacrifier la qualité ; cela se fait en supprimant les informations intégrées dans l’image qui ne sont pas nécessaires à l’expérience utilisateur. Vous pouvez optimiser les images sur votre blog WordPress en installant le plugin WP Smush ou le plugin EWWW Image Optimizer. Pour une option manuelle qui ne se limite pas à WordPress, vous voudrez peut-être jeter un œil à Kraken.

3 Activer la mise en cache et expirer les en-têtes

La plupart des sites Web WordPress pourraient être deux fois plus rapides si la mise en cache est activée ; la mise en cache fonctionne en stockant une version de votre site Web dans le cache du navigateur de votre visiteur, afin qu’il reçoive automatiquement la version mise en cache chaque fois qu’il visite votre site Web. Habituellement, sauf si vous configurez autrement vos paramètres de cache, le cache du navigateur de votre visiteur sera actualisé lorsque vous mettez à jour votre site Web, garantissant qu’il ne perd rien.

En utilisant efficacement la mise en cache, vous pouvez optimiser la vitesse de votre site Web des manières suivantes :

• Au lieu d’avoir à demander des fichiers directement à partir de votre serveur, les navigateurs de vos lecteurs les extraient de leur cache, ce qui leur offre une expérience presque instantanée.
• En raison de la demande réduite sur votre serveur, la charge sur votre serveur diminue, ce qui permet à votre serveur de livrer les fichiers aux nouveaux utilisateurs beaucoup plus rapidement.

La mise en cache peut être si efficace pour augmenter la vitesse du site Web, et il a été observé que l’activation de la mise en cache complète pour votre site Web peut améliorer la vitesse du site Web de 2,4 secondes à 900 millisecondes.

Vous pouvez activer la mise en cache sur votre site Web en installant les plug-ins suivants :

• WP Super Cache
• Cache total WP
• WordFence (puis activez)

Une fois que vous avez activé la mise en cache, vous pouvez également activer les en-têtes d’expiration pour rendre votre site beaucoup plus rapide ; en indiquant aux navigateurs de vos visiteurs quand demander certains fichiers à vos serveurs, Expires Headers peut vous faire économiser des ressources serveur et fournir un site Web plus rapide à vos utilisateurs. Voici un tutoriel pratique sur la façon d’activer les en-têtes d’expiration.

4 Activer la compression GZIP

Quel est votre outil préféré pour compresser des fichiers au format ZIP sur votre ordinateur ? 7-Zip ? WinRar ? Vous avez probablement compressé des fichiers au moins une fois et remarqué l’effet miraculeux où un fichier de 200 Mo est soudainement réduit à 40 Mo? Comment diable est-ce arrivé? Bien que je ne sois pas trop familier avec la technicité de la compression, je sais qu’il est possible de reproduire cela pour votre site Web et d’assurer une expérience de site Web plus rapide.

La compression GZIP aide à compresser les fichiers de votre site Web au format ZIP et rend tout intact à vos visiteurs. en d’autres termes, l’expérience de visite de votre site Web est la même, mais votre site est beaucoup plus rapide puisque vos visiteurs reçoivent une version compressée.

Dans un article pour Smashing Magazine, Marcus Taylor a présenté une étude de cas d’un site qui est passé de 68 Ko à 13 Ko uniquement en raison de la compression GZIP ; basé uniquement sur la compression GZIP, ce site est essentiellement cinq fois plus rapide. Voici un tutoriel qui montre 3 façons d’activer la compression GZIP.

5 Utiliser un CDN

Des recherches ont montré qu’un CDN peut augmenter la vitesse de votre site Web jusqu’à 60 %.

De nombreux facteurs influencent la diffusion du contenu, mais un site Web hébergé en Inde sera accessible beaucoup plus rapidement à partir d’une connexion Internet en Inde qu’à partir d’une connexion Internet aux États-Unis. Vous ne pouvez pas faire grand-chose à ce sujet ; les personnes disposant d’une connexion Internet plus proche de l’emplacement de votre site Web bénéficieront de vitesses plus rapides, à moins que vous n’utilisiez un service CDN fiable.

En configurant votre site WordPress pour utiliser un CDN, vous permettez la distribution de votre contenu sur des serveurs partout dans le monde afin que les visiteurs puissent recevoir la version la plus proche d’eux ; Ainsi, une personne visitant l’Asie recevra une version de votre site Web en Asie, au lieu de la version principale aux États-Unis

Il existe de nombreux fournisseurs de CDN, et une recherche Google révélera des options ; Certains des services CDN les plus populaires sont CloudFlare (gratuit) et MaxCDN (payant).

6 Optimisez ou modifiez votre thème WordPress

Votre thème WordPress peut également contribuer grandement au temps de chargement de votre site ; Si vous utilisez un thème WordPress qui est gonflé et qui repose fortement sur des requêtes externes, vous obtiendrez un site Web beaucoup plus lent par rapport à quelqu’un qui utilise un thème construit sur la base de normes de conformité.

Dans une étude de cas pour Copyblogger, Jerrod Morris a révélé comment un changement de thème de site Web pouvait faire passer le temps de chargement d’un site de 630 ms à 172 ms ; c’était malgré le fait que tout le reste était égal, à l’exception d’un changement dans son thème WordPress.

7 Combiner des images d’arrière-plan avec Image Sprite

Votre thème WordPress s’appuie sur plusieurs images d’arrière-plan, en combinaison avec des commandes CSS, pour afficher correctement un arrière-plan propre ; de sorte que la belle image d’arrière-plan que vous voyez est probablement composée de 12 images d’arrière-plan différentes. En surface, cela semble normal et innocent jusqu’à ce que vous réalisiez que les 12 images représentent 12 requêtes différentes adressées à votre serveur par le navigateur de votre visiteur ; et si vous pouviez transformer ces 12 images en 1 ? Vous remarquerez une augmentation drastique de la vitesse.

En combinant vos images d’arrière-plan en sprites d’image, vous pouvez transformer les différentes images d’arrière-plan de votre thème en 1 image, puis utiliser CSS pour que votre site Web s’affiche normalement. Cela réduira le nombre total d’octets que les navigateurs de vos visiteurs doivent télécharger, les retards causés par les allers-retours et la surcharge des demandes. Le résultat est un site Web beaucoup plus rapide pour vous.

Vous pouvez combiner vos images en sprites en utilisant SpriteMe.

8 Utilisez uniquement la livraison asynchrone pour les codes JavaScript

Vous avez probablement déjà vu un temps d’arrêt de Facebook faire tomber des sites Web ou les rendre ridiculement lents? Ce qui est intéressant, c’est que cela ne se produit pas uniquement lorsque vous installez le code Facebook ; cela peut arriver lorsque vous installez du code à partir de n’importe quel site de manière synchrone, en particulier des services d’analyse ou de suivi. Si le code est installé de manière synchrone sur votre site, le code doit d’abord se charger – selon la section du code – avant que les autres éléments de votre site ne se chargent.

En n’utilisant que la livraison asynchrone pour vos codes JavaScript, vous pouvez vous assurer que votre site fonctionne correctement et rapidement, indépendamment de ce qui arrive aux serveurs des codes JavaScript que vous avez sur votre site.

9 Activer HTTP Keep-Alive

Chaque fois qu’un visiteur demande un fichier à votre serveur, chaque fichier sera envoyé individuellement ; le problème avec cette approche est qu’elle doit ouvrir une nouvelle connexion pour chaque fichier, ce qui conduit éventuellement à un site Web lent en fonction du nombre de personnes qui visitent votre site Web à la fois. En activant HTTP Keep-Alive, vous indiquez au navigateur de votre visiteur de fournir tous les fichiers via une seule connexion ; de cette façon, une connexion restera ouverte jusqu’à ce que tous les fichiers soient envoyés, réduisant ainsi le nombre de connexions ouvertes sur votre serveur et résultant en un site Web plus rapide.

10 Obtenez un meilleur hôte

Si votre hébergeur est nul, les conseils présentés dans cet article ne feront pas beaucoup de différence ; J’analyse et dresse régulièrement le profil d’hébergeurs Web et, ce faisant, j’ai vu des hébergeurs Web qui obtenaient une note de 2 sur 10 en ce qui concerne le chargement de la page ; avec ces hébergeurs Web, rien de ce que vous ferez ne rendra votre site rapide car leur configuration de serveur est nulle.

Dans l’ article de Smashing Magazine, Marcus Taylor a inclus une étude de cas pour montrer l’impact qu’un hébergeur Web peut avoir sur le temps de chargement d’un site ; il a comparé la vitesse du site de deux de ses clients ; l’un sur un serveur dédié et l’autre sur un hébergeur mutualisé. La réponse a été étonnante; le site sur un serveur dédié avait un temps de réponse de 7 millisecondes tandis que le site sur le serveur d’hébergement mutualisé bon marché avait un temps de réponse de 250 millisecondes.

Votre hébergeur compte définitivement; assurez-vous de faire vos recherches avant de vous installer pour un hébergeur.