Pourquoi la vitesse du site est-elle importante ? | Améliorer la vitesse des pages web

Si le chargement d'un site web prend du temps, cela peut avoir des effets négatifs sur l'expérience utilisateur, le trafic du site et le référencement naturel (SEO). Les sites web optimisés pour les performances ont un avantage sur les sites web lents.

Share facebook icon linkedin icon twitter icon email icon

Vitesse du site

Objectifs d’apprentissage

Après avoir lu cet article, vous :

  • Expliquer ce qu'est la vitesse d'un site
  • Comprendre pourquoi la vitesse d'un site est cruciale
  • Comprendre comment mesurer la vitesse d'un site

Qu'est ce que la vitesse d'un site ?

Lorsqu'un client s'assoit pour manger dans un restaurant, la lenteur du service du serveur entraîne souvent de mauvaises critiques sur Yelp ou Tripadvisor et moins de clients à l'avenir. De même, une vitesse lente du site peut entraîner un mauvais classement des moteurs de recherche, une baisse du trafic global sur le site et des expériences utilisateur négatives.

La vitesse ou les performances d'un site web font référence à la vitesse à laquelle un navigateur est capable de charger des pages web pleinement fonctionnelles à partir d'un site donné. Les sites peu rapides qui sont rendus lentement dans un navigateur peuvent éloigner les utilisateurs. Inversement, les sites qui se chargent rapidement recevront généralement plus de trafic et auront de meilleurs taux de conversion.

Site Speed

Pourquoi la vitesse du site est-elle importante ?

Taux de conversion :

Plusieurs études ont démontré que la vitesse du site affecte le taux de conversion (ou le taux auquel les utilisateurs effectuent une action souhaitée). Non seulement plus d'utilisateurs restent sur les sites à chargement rapide, mais ils convertissent également à des taux plus élevés par rapport aux sites plus lents. Un certain nombre d'entreprises ont constaté qu'une diminution du temps de chargement de page de quelques millisecondes augmente les conversions :

  • Mobify a constaté que la réduction du temps de chargement de leur page d'accueil de 100 ms entraînait une augmentation de 1,11 % de la conversion basée sur la session
  • Le détaillant AutoAnything a enregistré une augmentation de 12 à 13 % de ses ventes après avoir réduit de moitié le temps de chargement de page
  • Walmart a découvert que l'amélioration du temps de chargement de page d'une seconde augmentait les conversions de 2 %

Par conséquent, l'amélioration des performances du site est une partie importante de l'optimisation du taux de conversion.

Taux de rebond :

Le taux de rebond est le pourcentage d'utilisateurs qui quittent un site web après avoir consulté une seule page. Les utilisateurs auront tendance à fermer la fenêtre ou cliquer ailleurs si une page ne se charge pas en quelques secondes. La BBC a découvert qu'elle avait perdu 10 % de son nombre total d'utilisateurs pour chaque seconde supplémentaire nécessaire au chargement de leurs pages.

Bonnes pratiques SEO :

Parce que Google a tendance à privilégier le fait de délivrer des informations pertinentes aux utilisateurs le plus rapidement possible, les performances du site sont un facteur important dans les classements de recherche Google. Les performances d'un site sur les appareils mobiles sont particulièrement importantes pour le SEO.

Expérience utilisateur :

Les temps de chargement de page élevés et les temps de réponse médiocres aux actions des utilisateurs créent une mauvaise expérience utilisateur. Attendre que le contenu se charge devient frustrant pour les utilisateurs et peut les inciter à quitter définitivement le site ou l'application.

Website Load Time

Quels facteurs affectent la vitesse du site ?

Poids de la page :

La quantité de ressources qu'un site web doit charger a un impact énorme sur les performances du site. Les fichiers JavaScript volumineux, les contenus vidéo, les fichiers CSS lourds et les images haute définition ajoutent tous un « poids », ou temps de chargement important à une page web. Pour revenir à l'exemple du restaurant, un serveur qui doit livrer dix plats à une table au lieu de deux ou trois plats servira la table plus lentement. De même, une page qui a besoin de plus de ressources pour se charger se chargera plus lentement.

Garder les sites web légers (c'est-à-dire avec de petites tailles de fichiers et des pages à chargement rapide) est devenu plus difficile alors que les technologies web ont augmenté leurs capacités et que les sites web sont devenus plus complexes. Plus que jamais, les développeurs peuvent ajouter des fonctionnalités aux pages web : des applications d'une seule page nécessitant plusieurs fonctions JavaScript aux pages avec des popups de tiers en passant par les pages d'accueil avec des fonds animés. Par conséquent, le poids total moyen des pages augmente.

Conditions du réseau :

Même si un site web est conçu pour être léger, il peut ne pas se charger rapidement dans les navigateurs en raison de la lenteur du réseau. L'équipement de réseau local utilisé et la qualité des services du FAI ont un impact sur la connectivité réseau. De plus, les appareils mobiles utilisant la 3G ou la 4G au lieu de se connecter à Internet via le WiFi auront généralement des connexions réseau plus lentes. Bien que cela soit largement hors de la portée des développeurs, il existe encore des techniques pour fournir des ressources web rapidement, même sur des connexions lentes. Les techniques incluent la minification, la compression et l'hébergement de contenu avec un CDN.

Lieu d'hébergement :

Si le contenu doit parcourir un long chemin pour arriver là où il est attendu, cela se traduit par une latence réseau élevée. Par exemple, si les fichiers HTML et CSS d'un site web sont hébergés dans un datacenter en Ohio et que ses images sont hébergées dans un datacenter en Floride, un utilisateur sur la côte Ouest devra attendre pendant que tous ces fichiers parcourent des milliers de kilomètres jusqu'à leur appareil.

Comment les développeurs peuvent-ils mesurer la vitesse de leur site web ?

Un certain nombre d'entreprises et d'organisations proposent des tests de vitesse de sites web. De nombreux tests de vitesse sont capables d'identifier les éléments d'une page web qui ralentissent la page, en plus de fournir des indicateurs de performances.

Quels sont les indicateurs de performance de site web importants ?

  • Le temps de chargement est le temps qu'il faut pour qu'une page web entière apparaisse dans le navigateur, ce qui signifie que chaque requête HTTP doit être satisfaite. Presque chaque page sur Internet nécessitera plusieurs requêtes HTTP, car plusieurs ressources doivent être chargées en plus du code HTML de base de la page.
  • La taille de page est la taille totale du fichier de toutes les ressources qui doivent être chargées pour que la page fonctionne. La taille de la page a un impact sur le temps nécessaire à un navigateur pour charger la page, et elle peut également avoir un impact significatif sur les utilisateurs mobiles qui payent pour les données lorsqu'ils chargent des pages web.
  • Le temps jusqu'au premier octet (TTFB) mesure la durée entre la demande d'un navigateur pour une page web et le moment où le tout premier octet de la réponse arrive. Le temps de chargement global est plus important, mais le TTFB est toujours pris en compte lors de l'évaluation des performances du site web, et il peut avoir un impact sur le SEO.
  • Le nombre d'allers-retours mesure le nombre de fois qu'une requête/réponse doit se rendre jusqu'à un serveur d'origine et retourner. Plus une page web nécessite de voyages aller-retour, plus la latence est importante.
  • Le Round Trip Time (RTT) est le temps nécessaire aux requêtes pour effectuer un aller-retour, ce qui signifie que la requête atteint le serveur d'origine et la réponse revient au périphérique qui a effectué la requête.

Comment Cloudflare accélère-t-il les sites web ?

Les sites web qui utilisent un CDN (réseau de distribution du contenu) se chargent beaucoup plus rapidement. Le CDN Cloudflare met en cache du contenu dans plus de 165 emplacements à travers le monde afin de stocker le contenu plus près des utilisateurs finaux. Cela réduit la latence, car les requêtes des périphériques utilisateur n'ont pas à se rendre jusqu'aux serveurs d'origine, ce qui diminue considérablement le temps de chargement et le RTT.