Optimiser vitesse site web WordPress – 4 choses à faire absolument

Récemment, j’ai donné un webinaire intitulé « Facilement optimiser vitesse site web WordPress ». Suite à ce webinaire, j’ai écrit ce blog, qui se concentre également comment tester la vitesse des sites web WordPress.

Saviez-vous que votre classement dans Google ne dépend pas uniquement de l’utilisation correcte des termes de recherche sur lesquels vous souhaitez être trouvé ? Et pas non plus sur le nombre de liens entrants et sortants ? Non, Google s’intéresse également à la vitesse du site web. Et la vitesse de chargement sur les téléphones portables est encore plus importante que celle des ordinateurs de bureau.

De nombreux facteurs influencent la vitesse des sites web. Un certain nombre de choses sont très techniques. Mais il y a 4 choses à faire absolument pour optimiser la vitesse du site web WordPress qui ne sont pas techniques et que vous pouvez réaliser vous-même.

Pourquoi améliorer la vitesse d’un site web ?

Il y a plusieurs raisons pour lesquelles vous voulez un site web rapide. Vous voulez éviter que les visiteurs abandonnent prématurément. Mais vous souhaitez également obtenir un meilleur score, ou un meilleur classement, que les sites comparables plus lents dans les résultats de recherche de Google. Un quart de seconde peut faire toute la différence.

Prévenir l’abandon prématuré des visiteurs

De nombreuses recherches ont été menées sur l’abandon prématuré des visiteurs lorsqu’un site web n’apparaît pas assez rapidement. Le gourou du référencement Neil Patel écrit, entre autres, dans son blog How Loading Time Affects Your Bottom Line :

  • 47 % des visiteurs s’attendent à ce qu’un site web se charge en 2 secondes ou plus rapidement.
  • 40 % des visiteurs quittent un site web qui met plus de 3 secondes à se charger.
  • un retard d’une seconde peut entraîner une réduction de 7 % des conversions

Il y a aussi le fait que lorsqu’un site web se charge lentement, les gens préfèrent chercher un autre site web, plutôt que d’attendre que le site original se charge. Ce comportement peut être comparé à l’incident de l’aéroport de Houston.

Lorsque les passagers n’ont eu qu’à marcher une minute jusqu’à la zone de retrait des bagages pour les récupérer et qu’ils ont ensuite dû attendre sept minutes pour que leurs bagages arrivent, les plaintes ont afflué. La solution : détourner les passagers, de sorte qu’ils aient à marcher pendant 6 minutes et n’aient à attendre “que” 2 minutes pour leurs bagages. Il n’y avait plus de plaintes !

Comment tester la vitesse d’un site web WordPress ?

Il existe différents outils permettant de tester la vitesse d’un site web WordPress. Les 3 outils les plus connus sont :

Test de vitesse d’un site web WordPress avec GTmetrix

La version gratuite de GTmetrix ne teste que la vitesse du site web sur les ordinateurs de bureau. Cet outil indique clairement les choses à améliorer, et vous pouvez lire comment rendre votre site Web WordPress plus rapide via le lien Learn how to improve this sur ce site web. Veillez à choisir un serveur d’essai proche de l’endroit où se trouvent vos clients.

Test de vitesse d'un site web WordPress avec GTmetrix

Test de vitesse d’un site web WordPress avec Google PageSpeed Insights

Avec Google PageSpeed Insights, vous testez la vitesse des sites web sur les téléphones portables et sur les ordinateurs de bureau. L’accent est mis ici sur les téléphones portables. Cet outil indique également les choses à améliorer.

Test de vitesse d'un site WordPress avec Google PageSpeed Insights

Test de vitesse d’un site web WordPress avec Pingdom

Dans Pingdom également, vous devrez choisir un lieu proche des clients. Pingdom ne fait pas de distinction entre les téléphones portables et les ordinateurs de bureau. Personnellement, je trouve le retour d’information un peu plus difficile à interpréter.

Ce que vous devez savoir lorsque vous voulez tester la vitesse de votre site web ?

Choisissez le bon lieu de test – à proximité de vos clients. Si vos clients sont principalement situés en France, il est peu judicieux de tester la vitesse sur un serveur situé aux États-Unis. Choisissez toujours le serveur le plus proche. Par exemple, pour GTmetrix, il s’agit du serveur à Londres.

Testez toujours plusieurs fois la vitesse site web WordPress

Testez toujours plusieurs fois. Ceci est particulièrement important lorsque vous utilisez un plugin de cache. Le site web devra également se trouver dans le cache du serveur de test. C’est pourquoi vous devez effectuer plusieurs tests. Si tout se passe bien, vous verrez les résultats s’améliorer après quelques tests. Choisissez également 1 ou maximum 2 outils, car tous les outils ont leur propre méthode. Le score parfait est difficile à atteindre, alors cherchez à l’améliorer. J’utilise toujours GTmetrix et Google PageSpeed Insights.

Qu’est-ce que le cache ?
Le cache est le stockage du site web en mémoire, de sorte qu’une page web ne doit pas être reconstruite à chaque nouvelle visite, mais est en quelque sorte récupérée depuis la mémoire et apparaît donc beaucoup plus rapidement. L’accélération d’un site web WordPress commence souvent par l’installation d’un bon plugin de cache. Mais nous en reparlerons plus tard.

Quelles informations tirez-vous des tests et que pouvez-vous en faire ?

Les informations qui s’affichent après avoir passé un test peuvent être accablantes. Ne vous laissez pas décourager par cela. Dans GTmetrix, par exemple, vous pouvez cliquer sur Learn how to improve this. Vous recevrez alors des informations claires sur ce que vous pouvez faire pour améliorer la vitesse de votre site web. Les points d’amélioration communs sont les suivants : Reduce initial server response time et Avoid enormous network payloads.

Reduce initial server response time

C’est le temps qu’il faut au navigateur pour recevoir le premier octet en réponse à sa demande. Le serveur est occupé à traiter les demandes, à rechercher dans les bases de données, à traiter le code back-end et à construire la page. En attendant, le visiteur voit souvent un écran blanc.

Vous pouvez améliorer cette performance en optimisant les fichiers Javascript, HTML et CSS et en mettant en place une mise en cache. Pour ce faire, vous devez installer un ou plusieurs plugins. Il existe des plugins qui combinent les deux fonctionnalités. Vous devrez d’ailleurs configurer ces plugins correctement. Vous voudrez également tester plusieurs plugins pour trouver celui qui fonctionne le mieux avec votre site web. Vous pouvez utiliser Google pour trouver le plugin qui fonctionne le mieux avec le thème WordPress que vous utilisez. Si, comme moi, vous travaillez avec le constructeur de pages Divi d’Elegant Themes, j’utilise le plugin gratuit Swift Performance pour optimiser et mettre en cache les sites web Divi que je crée.

Avoid enormous network payloads

Ce message indique que pour afficher la page, un grand nombre de Mo doit être téléchargé. Chaque fois qu’une page est chargée, le navigateur demande au serveur les ressources de la page. La taille totale de toutes ces sources détermine la charge utile du réseau.

Ici aussi, un plugin d’optimisation et de mise en cache sera utile. Mais souvent, ce message est également dû au fait que les images d’un site web ne sont pas optimisées. Veillez toujours à transférer les images dans la taille que vous souhaitez les montrer sur votre site web. Et avant d’ajouter des images à votre site web, optimisez la taille du fichier sur le site web de TinyPNG.

Optimiser vitesse site web WordPress en optimisant les images avec TinyPNG

De nombreux sites web disposent d’un diaporama avec de jolies images en haut de leur page. Un tel diaporama est joli, mais il n’est pas d’une grande utilité pour le visiteur. Ils veulent voir tout de suite les informations qu’ils recherchent et commencent à faire défiler les pages avant que la deuxième image ne soit chargée. Et ceci alors qu’un diaporama rend le site web lent. Surtout en combinaison avec des images non optimisées. Sachez que même les images minuscules qui ne sont pas cliquables sont plus grandes que les images optimisées cliquables.

4 choses à faire absolument pour optimiser vitesse site web WordPress

1 – Hébergement

Un bon hébergeur est indispensable. Le temps de chargement peut être plus lent avec de moins bons hébergeurs qu’avec de bons hébergeurs. Vous voulez choisir le fournisseur d’hébergement qui est situé là où se trouvent la plupart de vos clients.

Lire plus ? Mon blog Comment choisir le meilleur hébergement web ?

2 – Trop de plugins et / ou de widgets

Un trop grand nombre de plugins et/ou de widgets (inutiles) entraîne également la lenteur du site. Pensez par exemple aux références vers les flux Facebook et Instagram. Un simple bouton « J’aime » de Facebook, par exemple, peut envoyer jusqu’à 40 requêtes web ! Cela représente environ 700 kB.

Inutile avec les plugins est entre guillemets. Certains plugins sont tout simplement nécessaires et d’autres rendront même votre site web plus rapide. Mais beaucoup de choses peuvent être ajoutées sans plugin. N’oubliez pas que la qualité et la fonctionnalité des plugins installés sont plus importantes que la quantité de plugins.

3 – Le ou les plugins de cache et d’optimisation corrects et correctement configurés.

Il est essentiel de paramétrer correctement le cache et l’optimisation pour obtenir un site web rapide. Prenez le temps de découvrir le ou les plugins qui fonctionnent le mieux en combinaison avec votre thème WordPress. Et apprenez-en davantage sur les paramètres de ces plugins.

Non seulement l’installer, mais aussi le configurer correctement. Et puis des tests, des tests et encore des tests. Afin de savoir quel plugin fonctionne le mieux avec votre thème.

4 – Images

La bonne dimension

Pour les photos cliquables, la taille maximale est de 1920 pixels de large ou 1200 pixels de haut. En revanche, les photos non cliquables doivent être placées dans la taille aussi grande que le thème de votre site web le permet. Je travaille moi-même avec le thème Divi d’Elegant themes et ils ont un bon blog sur leur site web sur les tailles dont vous avez besoin pour quelle largeur de colonne, qui prend également en compte l’affichage sur les tablettes. Car sur un tablet, une mise en page en 4 colonnes n’est pas une colonne de 4 comme sur un téléphone portable – qui a la même taille que les 4 colonnes séparées – mais une colonne 2 x 2 qui doit être plus large que la colonne 4 x 1.

J’utilise moi-même le programme gratuit Irfanview pour ajuster les dimensions des images et faire des découpages.

Optimiser les images

J’optimise les images ensuite en utilisant le site web TinyPNG, ce qui réduit considérablement la taille du fichier. Le plugin Resmush.it sur mon site web optimise encore davantage les images.

En écrivant cela, ce site web utilise un nouveau type d’image : webp. Lorsque vous convertissez un fichier jpg en ce type de fichier, la taille du fichier diminue énormément. 95% des visiteurs peuvent voir les images webp, seuls les visiteurs utilisant Safari sur les anciennes versions de macOS ne peuvent pas voir les images. J’ai résolu ce problème en installant le plugin Webp Express. Les navigateurs qui n’acceptent pas les images webp afficheront l’image originale en jpg ou png.

Vous pouvez en savoir plus sur les images sur les sites Web dans mon blog intitulé À propos des images sur les sites web WordPress.

Pour finir

Ce blog est une introduction à l’amélioration de la vitesse des sites web. Il est extrêmement difficile de faire en sorte qu’un site web soit optimal à 100 % en termes de vitesse. Mais avec mes conseils, vous pouvez déjà faire de grands pas. Testez la vitesse de votre site web WordPress et regardez les retours que vous recevez. Si vous n’êtes pas sûr de ce que vous devez faire, vous pouvez toujours me contacter. Une autre bonne solution est de laisser effectuer une analyse du site web.

Analyse du site web, plus que tester la vitesse site web WordPress

Lorsque vous faites faire une analyse site web, je ne testerai pas seulement la vitesse, mais je regarderai également :

  • SEO – Référencement – technique et structure
  • Ergonomie – la mise en page du site, la structure de navigation et les appels à l’actions
  • Conception – parle-t-il au groupe cible
  • Accessibilité – lecteurs d’écran, texte alt et contraste
  • Sécurité – d’être à jour avec les mises à jour et la présence d’un certificat SSL.
  • Responsive – bon affichage et bon fonctionnement sur les tablettes et les téléphones portables
  • Contenu – à jour et sans liens non opérationnels

Après l’analyse, vous recevez un document clair avec des points à améliorer et des conseils. Nous parlons du document et examinons ensemble qui fera quoi.

Demandez une analyse de votre site web dès maintenant.

Je publie régulièrement des blogs et des Conseils & astuces. Voulez-vous être tenu au courant de ces conseils et de mon blog ? Inscrivez-vous ici.

Cet article contient un lien d’affiliation vers le site web d’Elegant Themes du thème WordPress Divi. Si vous achetez Divi via ce lien – vous bénéficierez d’une réduction de 10 %, je recevrai une compensation pour cela. Naturellement, je ne fais référence qu’à des produits que j’utilise moi-même à mon entière satisfaction. Vous pouvez lire pourquoi je suis un fan de Divi dans mon blog 10 raisons d’utiliser le thème WordPress Divi.

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

A propos de l'auteur

Cet article a été écrit par Margriet Ravensbergen de Buro RaDer. Elle crée des sites web WordPress depuis 2007. Depuis 2019, elle se concentre entièrement sur les sites web créés avec le thème Divi d'Elegant Themes.

Margriet publie régulièrement des articles sur LinkedIn et sur Facebook.

A propos de l'auteur : Margriet Ravensbergen

Recevez de précieux Conseils et astuces à propos de sites web

Margriet publie régulièrement des Conseils et astuces utiles et des blogs de valeur sur la conception de sites web.

Vous ne voulez pas les manquer ? Alors abonnez-vous maintenant.