Comment améliorer la vitesse de chargement d'un site WordPress ?

La vitesse de chargement d'un site Internet est très importante. Que cela soit pour l'expérience utilisateur (UX) mais aussi pour le référencement. Plus votre site Internet sera rapide à se charger, et plus cela sera agréable pour les visiteurs. Et ce que les visiteurs apprécient, Google également. Vous avez donc tout intérêt à faire en sorte que votre site soit rapide. En tant qu'agence wordpress, voici nos 5 conseils pour améliorer la vitesse de chargement de votre site WordPress.

1️⃣ Produire du code léger

Il est très rare qu'une personne créé un site WordPress from scratch c'est à dire en partant de 0. La plupart des créateurs de site vont utiliser un thème puis ce qu'on appelle un builder de site. Parmi les builder de site les plus connus, on peut citer Elementor ou bien Divi. Malheureusement si les builders ont l'avantage d'être facile à utiliser pour produire des sites très esthétiques, ils ont tendance à surcharger le code de la page. Il n'est pas rare de se retrouver avec une taille de DOM (Document Object Model) excessive.

Il faut donc faire le choix d'un builder de site qui produise un code léger et non surchargé. Chez Hamyt, pour la création de site, nous utilisons Oxygen Builder qui produit un code léger. Nous ne pouvons que vous le recommander pour la création de vos sites internet.

💡Le saviez-vous : pour la page d'accueil Hamyt, nous passons d'un code HTML de 1 400 lignes avec Elementor à 400 lignes avec Oxygen Builder.

2️⃣ Choisir un bon hébergeur

Le choix de l'hébergeur pour votre site WordPress va être très important. La première connexion entre la demande de l'internaute et la livraison du code de la page va se faire avec l'hébergeur. Et malheureusement, chaque hébergeur n'a pas forcément la même qualité de service. Ce qui va notamment compter, c'est le TTFB (Time To First Byte) c'est à dire le temps pour délivrer le premier octet au navigateur.

Pour savoir quel hébergeur à les meilleures performances, voici un classement fait par le site opportunités digitales en 2022.

Comme on peut le voir, le TTFB varie de 1 à 11. Ce qui ne sera pas sans conséquence sur la rapidité de votre site.

En plus du temps de délivrance du premier octet, vous devrez prendre en considération le lieu d'hébergement des serveurs. Notamment selon la localisation de vos utilisateurs. Si vous utilisateurs sont essentiellement français, alors privilégiez un serveur en France. Dans le cas où vous visez une clientèle internationale, nous vous conseillons d'utiliser un CDN.

3️⃣ Ne pas surcharger son site avec des extensions

L'avantage de WordPress, c'est que c'est un CMS très utilisé. Et donc il y a de nombreuses extensions disponibles pour ajouter des fonctionnalités. Le problème, c'est que plus vous ajoutez des extensions, plus vous allongez le temps de chargement de vos pages. En effet, pour chaque chargement, il va falloir que votre site charge les informations des différentes extensions, ce qui va lui prendre du temps. Sans compter le risque pour la sécurité de votre site également. Chaque extension est une porte ouverte pour que les pirates puissent accéder à votre administration et pirater votre site.

Les extensions indispensables à installer :

• Builder de site
• Extension SEO pour améliorer votre référencement naturel
• Extension de formulaire de contact
• Extension de cache (voir ci-dessous)
• Extension pour l'optimisation des images (voir ci-dessous)
• Extension pour Google Tag Manager ou bien Analytics (facultatif)
• Extension de sécurité pour protéger son site.

Toutes les autres extensions doivent être ajoutées qu'en connaissance de cause. Il faut évaluer le bénéfice/risque.

4️⃣ Optimiser ses images

Les images d'un site web sont souvent les éléments les plus lourds à charger. Le poids d'une image peut facilement s'approcher de 1 à 2 Mo. Il est donc important d'optimiser ses images pour bénéficier d'un site qui se charge plus rapidement. Pour ça, vous pouvez agir sur 2 éléments :

Optimiser la taille des images en mobile

Lors du développement de votre site, il ne faut pas charger une image au grand format pour la version mobile de votre site. Dans le cas où vous le feriez, cela signifie que votre navigateur va charger l'image au plus grand format pour ensuite la retailler à la taille de l'appareil. Or la navigation sur mobile représente actuellement plus de 65% des navigations. Et Google navigue sur votre site en version mobile. Il faut donc privilégier la version mobile de votre site pour bénéficier des meilleurs résultats. Utiliser une image optimisée à la taille d'un appareil mobile vous permet d'optimiser le chargement de votre site et notamment de l'élément LCP (Largest Contentful Paint)

Passer au format Webp ou Avif

2 nouveaux formats d'images dédiés exclusivement au web sont maintenant disponibles. Il s'agit des formats Webp et avif. Ils permettent de compresser les images jusqu'à 75% sans réellement perdre en qualité (en tout cas pour 95% des utilisateurs). Ce poids gagné permettra de charger le site plus rapidement et donc de bénéficier de meilleures performances. Pour passer aux formats optimisés, vous pouvez utiliser des extensions comme Imagify ou TwicPics par exemple. Une extension de cache comme LiteSpeed Cache s'occupe également d'optimiser vos images au format Webp pour une solution tout en un (voir ci-dessous).

5️⃣ Utiliser un outil de cache

Last but not least, pour optimiser les performances de votre site, il est vivement conseillé d'utiliser une extension de cache. Le cache permet de servir plus rapidement les données de votre site aux navigateurs. Au lieu de demander à votre hébergeur les données de votre site, elles sont directement servies par l'outil de cache utilisé. C'est notamment très utile lorsque vous ne modifiez pas votre site tous les jours.

En plus de servir plus rapidement votre site, des réglages plus fins sont disponibles. Notamment pour optimiser les CSS (feuilles de style) ou bien le JS (JavaScript). Ces éléments peuvent également alourdir votre site et donc jouer sur les performances globales.

Les réglages d'un outil de cache doivent être réalisés de manières fines. N'hésitez pas à les tester et voir si cela ne provoque pas de bugs sur votre site.

Les 2 outils de cache que nous pouvons vous recommander :

• LiteSpeed Cache : c'est un outil tout en un permettant d'optimiser des images en plus du cache. Il nécessite d'avoir un serveur compatible, ce qui est le cas chez Hostinger ou bien O2switch. Vous pouvez également utiliser le CDN de Quic Cloud qui est fourni avec. A noter que si votre serveur le permet, l'outil sera gratuit.
• WProcket : l'outil de cache le plus connu. Oubliez la version gratuite qui ne vous apportera pas grand-chose, mais privilégiez la version payante pour vraiment optimiser votre site.

Optimiser les performances de son site est à réfléchir dès la création ou la refonte du site. Car cela fait partie du projet global.

N'hésitez pas à nous contacter si vous souhaitez optimiser les performances de votre site WordPress. Nous nous ferons un plaisir de vous accompagner.