10 conseils pour améliorer la vitesse du site WordPress

Vitesse du site WordPress

Vitesse du site Web - C'est l'un des principaux facteurs que la plupart des développeurs et des référenceurs souhaitent améliorer. Cette semaine, Google a annoncé que la vitesse de chargement des pages Web serait un facteur de classement important dans son nouvel indice Mobile First.

Selon cet article, la vitesse de chargement de la page Web contribue directement à l'abandon de la page avec 25 % d'abandon après seulement 4 secondes, observable via Google Analytics. La vitesse de chargement des pages a également un effet négatif sur les utilisateurs mobiles, selon DoubleClick de Google, 53 % des utilisateurs mobiles abandonnent une page après 4 secondes.

Cette semaine, nous avons donc décidé de détailler quelques astuces et méthodes pour améliorer la vitesse de votre site WordPress.

1. Exécutez des tests

Avant de commencer à optimiser votre site Web pour une vitesse accrue, il est judicieux d'effectuer des tests pour voir comment le site Web fonctionne actuellement, afin de vous donner un bon indicateur du niveau d'améliorations dont vous aurez besoin.

PageSpeed ​​Insights de Google Developers donne au site Web un score d'optimisation sur 100 pour le bureau et le mobile. C'est un excellent moyen de voir à quel point la vitesse de votre site Web fonctionne et donne également des extraits d'informations sur les améliorations à apporter.

Un autre test que vous pouvez envisager d'exécuter est WebPageTest. Ce test donne une quantité énorme de détails détaillés sur la façon dont votre site Web se charge, y compris le temps de premier octet et vous montrera exactement combien de temps il faut pour que des ressources spécifiques se chargent.

2. Minifier et combiner (HTML, CSS et JavaScript)

Une fois que vous avez les résultats de votre WebPageTest, vous pouvez voir le nombre de demandes faites par votre site Web pour utiliser des pages de ressources supplémentaires telles que des pages HTML, CSS et JavaScript.

L'objectif ici est d'essayer de réduire ce nombre autant que possible, en réduisant la taille de ces fichiers et en les combinant pour réduire ce nombre.

Ce processus est particulièrement important si vous utilisez un constructeur de page tel que Divi ou Elementor, parfois ces constructeurs peuvent laisser des extraits de code inutiles, des espaces blancs et une mise en forme inutile dans vos fichiers.

Un moyen simple de le faire est d'installer des plugins comme WP Fastest Cache. Dans les paramètres des plugins de ce type, vous souhaitez sélectionner à la fois les options de réduction et de combinaison.

3. Minimiser le temps au premier octet

Le temps au premier octet ou TTFB, est essentiellement une mesure du temps qu'un serveur prend pour recevoir votre demande et renvoyer le premier octet d'information à votre navigateur.

Les outils de développement ou DevTools sont un ensemble d'outils de création et de débogage Web intégrés à Google Chrome. Les DevTools offrent aux développeurs Web un accès approfondi aux composants internes du navigateur et de leur application Web.

Si vous utilisez les outils de développement, il est important de se rappeler que le temps de réponse peut être affecté par votre connexion Internet. Ainsi, plus votre propre connexion est lente, plus la réponse de votre serveur sera lente.

Si votre TTFB est inférieur à 200 ms, tout va bien dans le monde. Sinon, il pourrait y avoir quelques problèmes différents à résoudre pour réduire ce temps.

La création de contenu dynamique et la configuration du serveur sont deux facteurs contrôlables lorsque vous essayez de réduire votre TTFB. Avec WordPress, vos pages sont très probablement dynamiques. Cela signifie qu'ils doivent interagir avec une base de données pour être "construits" à partir des différents fichiers avec PHP avant qu'ils ne soient renvoyés.

La réduction du temps de réponse du serveur et l'activation de la mise en cache sont deux corrections à ces problèmes que nous aborderons plus loin dans cet article.

4. Réduire le temps de réponse du serveur

L'un des facteurs les plus importants de la rapidité de chargement de votre page est le temps que prend votre recherche DNS.

Un système de noms de domaine (DNS) est un serveur avec une base de données d'adresses IP et leurs noms d'hôte associés. Lorsqu'un utilisateur tape une URL dans son navigateur, un serveur DNS est ce qui traduit cette URL en adresse IP qui indique son emplacement en ligne.

Si vous utilisez un fournisseur DNS lent, cela augmente le temps nécessaire aux navigateurs pour localiser votre site. Passer à un fournisseur DNS plus rapide peut accélérer le processus.

Si vous ne savez pas qui est votre fournisseur DNS actuel, vous pouvez le découvrir avec l'outil de recherche DNS de MX Toolbox.

5. Choisissez la bonne option d'hébergement

Certains forfaits d'hébergeur sont limités en termes de débit, il est préférable de vérifier si votre hébergeur est capable ou limite votre abonnement actuel.

Si vous constatez que l'hébergeur ne fournit pas un service assez rapide, il peut être intéressant de le contacter, informez-le avant de changer de service, car cela peut parfois conduire à des mois gratuits ou à un service moins cher du même hébergeur.

Vous pouvez tester la vitesse et obtenir une évaluation des performances de votre fournisseur d'hébergement actuel avec Bitcatcha.

6. Activer la mise en cache du navigateur

Lorsque vous visitez un site Web, les éléments de la page que vous visitez sont stockés sur votre disque dur dans un cache ou un stockage temporaire qui permet à votre navigateur de charger la page à partir du stockage local au lieu d'envoyer une autre demande aux serveurs pour charger le site Web.

Un moyen simple d'activer la mise en cache du navigateur consiste à utiliser un plugin tel que WP Fastest Cache. Suivez ces étapes pour activer la mise en cache du navigateur :

• Téléchargez et installez le plugin WordPress 'WP Fastest Cache'.
• Accédez aux paramètres du plug-in WP Fastest Cache.
• Cochez la case Mise en cache du navigateur et cliquez sur le bouton Soumettre.
• Un message s'affichera "Les options ont été enregistrées" après cela.

Activer la mise en cache

Dans WP Fastest Cache, l'option de système de cache, une fois activée, crée des fichiers html statiques à partir des fichiers de base de données php et mysql qui composent votre site Web WordPress dynamique.

S'il y a un grand nombre de visiteurs sur le site Web, le système doit utiliser beaucoup de RAM et de CPU pour rendre la page, ce qui peut entraîner des vitesses de chargement lentes pour de nombreux utilisateurs.

Avec le système de cache activé, le serveur n'a plus besoin de faire appel aux fichiers php et mysql et s'appuie sur le fichier html statique.

Une fois cette opération terminée, vous devriez remarquer des améliorations observables de la vitesse du site Web presque instantanément.

7. Taille des images

La taille des fichiers image contenus sur votre site Web est un facteur important à prendre en compte lorsque vous essayez d'augmenter la vitesse de la page. Les images haute résolution peuvent augmenter la taille globale des pages Web et, à leur tour, ralentir la vitesse du site Web.

La taille d'image recommandée est inférieure à 100 Ko ou 0,1 Mo. L'image se charge donc rapidement. Cela signifie que toutes les images dépassant cette taille devront être compressées jusqu'à 100 Ko ou moins.

Vous pouvez facilement le faire grâce à l'utilisation de certains plugins ou sites Web, ce qui permet la compression des images, mais il peut être intéressant d'apprendre à le faire en utilisant Photoshop, car il est préférable de compresser les images avant de télécharger ou de créer votre site Web.

Si vous ne savez pas utiliser Photoshop, je vous recommande d'utiliser les services de compression en ligne CompressJPEG ou CompressPNG.

8. Activer la compression

Plus vos fichiers sont petits, plus vos pages se chargeront rapidement. La compression des fichiers est l'un des moyens les plus simples de réduire les temps de chargement, et aujourd'hui, l'activation de la compression avec Gzip est considérée comme une pratique courante.

WordPress Fastest Cache permet également la compression GZIP, encore une fois similaire à l'activation de la mise en cache du navigateur, une fois cette option activée, vous verrez une amélioration notable de la vitesse du site Web.

Si vous n'êtes pas sûr que Gzip soit activé sur votre site, vous pouvez utiliser Vérifier la compression GZIP. Entrez simplement l'URL de votre site, et si vous avez activé Gzip, vous verrez quelque chose comme ceci :

9. Utilisez des plateformes d'hébergement externes

L'utilisation d'une plate-forme d'hébergement externe pour héberger des fichiers plus volumineux hors site est une autre méthode à explorer, car les fichiers vidéo peuvent avoir une taille importante et avoir un effet majeur sur la vitesse de votre site Web.

Au lieu de télécharger des vidéos directement sur votre site Web, essayez d'utiliser des plates-formes d'hébergement externes telles que YouTube ou Vimeo et utilisez leur code html pour intégrer la vidéo sur votre site. Cette méthode économise beaucoup d'espace et permet une haute résolution au lieu de fichiers vidéo compressés.

10. Utilisez un CDN

Lorsque vous demandez à un serveur d'ouvrir un site Web, votre demande est acheminée sur Internet jusqu'à l'endroit où se trouve le serveur qui héberge le site Web, ce qui demande au serveur de renvoyer les informations demandées.

Pendant les périodes de pointe, avec un grand nombre de requêtes, cela peut ralentir le temps de réponse du serveur, ce qui n'est pas idéal pendant les périodes où le potentiel de croissance de votre entreprise est élevé.

L'utilisation d'un CDN (Content Delivery Network) mettra votre site Web en cache sur un réseau mondial de serveurs, ce qui signifie que chaque fois qu'une demande est faite, elle sera acheminée vers le serveur le plus proche sur lequel le site Web est mis en cache. Essentiellement, au lieu que toutes les demandes globales soient adressées à un seul serveur, il a divisé les informations entre les serveurs contenus dans différents pays ou paramètres régionaux.

Après avoir suivi les étapes ci-dessus, il y aura une différence notable dans la vitesse du site Web. Réexécutez les tests ci-dessus et comparez les résultats pour un indicateur clair des améliorations.

Si vous avez besoin d'informations supplémentaires ou si vous rencontrez des difficultés pour mettre en œuvre les modifications, vous pouvez consulter notre gamme de services WordPress ici : Développement Web WordPress