Guide rapide des performances web

Combien d’internautes s’apprêtant à visiter un site web jetteront l’éponge si son chargement s’éternise ? D’après une enquête réalisée en 2022, une personne sur deux renoncera à consulter un site web qui met plus de six secondes à se charger. Ces résultats prouvent que le temps est précieux pour la clientèle et que celle-ci n’hésite pas à aller voir ailleurs si ses attentes ne sont pas satisfaites. Son comportement a changé ces 10 dernières années, passant de l’engouement pour la téléphonie mobile à celui pour les réseaux sociaux, et sa durée d’attention a considérablement diminué. Plus que jamais, les entreprises doivent se focaliser sur les performances web de leur site. Leur incapacité à capter, en quelques secondes, l’attention des personnes qui le visitent risque de leur faire perdre une clientèle potentielle.

Cet article aborde l’importance des performances web, la façon de les mesurer, l’impact de la vitesse sur l’expérience client et les méthodes d’amélioration des performances web.

Pourquoi les performances web sont-elles importantes ?

Aujourd’hui, du fait de la complexité inhérente à l’évolution des modes de consommation et des attentes croissantes de la clientèle, les entreprises cherchent avant tout à déployer des expériences client d’exception. Une page web très rapide améliore les taux de conversion et augmente la satisfaction de celles et ceux qui l’utilisent. Les études ont mis en évidence une forte corrélation entre la lenteur d’un site web et le manque à gagner. Il est donc d’autant plus important de se pencher très tôt sur ces aspects, au stade de la conception et du développement du site, lorsque le projet n’est pas encore figé, pour résoudre les problèmes de performances. Les internautes bénéficiant d’une expérience digitale de qualité interagissent davantage avec le contenu d’une marque et ont davantage tendance à revenir sur le site, à l’explorer et à aller au bout de leur projet, comme la réalisation d’un achat.

Comment mesurer les performances d’une page ?

Pour saisir les principes fondamentaux des performances web et savoir ce qu’il convient d’optimiser, intéressons-nous de plus près aux signaux web essentiels (Core Web Vitals) de Google. Il s’agit d’un ensemble de trois indicateurs de mesure qui caractérisent l’expérience client au sens large et la vitesse réelle de chargement des pages. Depuis août 2021, les signaux web essentiels ont rejoint les critères pris en compte par Google dans son classement. À ce titre, ils influenceront l’ordre d’apparition de votre site dans les résultats de recherche de Google. Après avoir lu cet article, vous devriez être capable d’évaluer et d’optimiser ces métriques dans votre propre projet.

Les signaux web essentiels mesurent les trois aspects suivants :

• LCP (Largest Contentful Paint). Il s’agit de la vitesse de chargement du contenu principal d’une page web. Cet indicateur mesure le temps nécessaire pour faire apparaître l’élément le plus volumineux de la page (image, vidéo ou bloc de texte) à partir du moment où le chargement de la page est lancé. Un score LCP satisfaisant est inférieur ou égal à 2,5 secondes. Seul le chargement du contenu principal est mesuré, et non celui de l’ensemble du contenu composant la page.
• FID (First Input Delay). Indicateur de mesure de l’expérience client, le FID quantifie la durée qui s’écoule entre le moment où l’internaute interagit avec votre page (en ouvrant les menus sur son appareil mobile ou en cliquant sur un lien ou un bouton) et celui où le navigateur réagit à son action et la traite.
• CLS (Cumulative Layout Shift). Un décalage de mise en page se produit à chaque fois qu’un élément (image, texte, police, widget, etc.) change de position ou de dimensions pour trouver sa place à l’écran. Cet indicateur mesure le cumul des décalages opérés sur le contenu d’une page pendant la durée de vie de cette dernière. Un score proche de zéro est satisfaisant. Plus le chiffre est élevé, plus la mise en page est instable.

Les scores des signaux web essentiels sont établis à partir des données de véritables utilisateurs et utilisatrices, tandis que divers outils de test en ligne s’appuient sur des simulations en laboratoire.

Pourquoi un site web fonctionnel est-il important ?

Les marques n’ont d’autre choix que de conserver une longueur d’avance sur la concurrence et de s’adapter au comportement de la clientèle. Le site web d’une marque constitue un point d’accès des plus stratégiques pour l’internaute : la rapidité avec laquelle une page se charge influence ses interactions et sa conversion et, par conséquent, les revenus de la marque.

Un rapport d’étude signé Amazon établit qu’en matière de rapidité de chargement des pages, même quelques millisecondes font la différence.

• Toutes les 100 millisecondes venant s’ajouter au temps de chargement d’une page, le chiffre d’affaires diminue de 1 %.
• Le taux de conversion e-commerce d’un site se chargeant en une seconde est 2,5 fois supérieur à celui d’un site se chargeant en cinq secondes.

Quelle est l’incidence réelle de tout ceci ?

Afin que vous puissiez déterminer pourquoi et comment l’optimisation des performances web peut constituer un avantage concurrentiel, examinons une étude de cas concrète, celle d’Adobe. S’agissant des canaux digitaux d’Adobe, notamment son site web et ses applications pour ordinateur et appareils mobiles, le temps de chargement des pages et celui passé sur le site demeuraient perfectibles.

Dès qu’Adobe a mis en œuvre Edge Delivery Services à partir d’Adobe Experience Manager Sites, ses signaux web essentiels se sont considérablement améliorés :

• L’indicateur LCP a reculé de 7,2 secondes à 3,4 secondes. Les internautes ont le sentiment que le site se charge rapidement, puisqu’il faut moins de temps pour afficher le contenu le plus volumineux de la page.
• Le délai d’interaction est passé de 33,3 secondes à 4,5 secondes. Il correspond au temps nécessaire pour réagir aux interactions des utilisateurs et des utilisatrices. Réduire ce délai, c’est donner aux internautes une impression de réactivité accrue suite à l’une de leurs actions, un clic sur un bouton par exemple.
• L’indicateur CLS a régressé de 0,388 à zéro. Un score nul dénote l’absence de décalage de mise en page : tous les éléments sont chargés correctement et l’internaute peut cliquer sur le bouton souhaité sans risquer de cliquer malencontreusement sur un autre.

Les signaux web essentiels ayant une incidence directe sur les interactions client et les conversions, Adobe a également constaté une progression des principales mesures d’engagement :

• Visites SEO. Le trafic en référencement naturel a progressé de 19 %.
• Taux de visites avec interactions. L’afflux de visiteurs sur un site importe tout autant que la qualité de ces visites. Adobe a constaté des interactions en hausse de 40 %.
• Visites récurrentes. L’optimisation de l’expérience proposée a incité davantage d’internautes à revenir sur le site, les visites récurrentes progressant de 14 %.
• Temps moyen passé sur la page. Les internautes se sont davantage attardés sur la page, avec une progression de 30 % (mesurée en secondes).
• Taux de rebond. Le pourcentage de personnes quittant le site après avoir consulté une seule de ses pages a diminué de 12 %.
• Taux de conversion. Sur les pages intégrant des formulaires, le taux de conversion s’est amélioré de 37 %.

Les résultats sont impressionnants, générant des gains sur l’ensemble du parcours des utilisateurs et des utilisatrices. Adobe a constaté une hausse de la fréquentation de son site web, sur lequel les internautes se sont attardés plus longuement, ont interagi avec davantage de contenus et ont renouvelé leurs visites.

En ce qui concerne les mobinautes, les mesures clés se sont, elles aussi, améliorées à tous les niveaux. Celles et ceux qui utilisent des appareils mobiles n’ont pas seulement passé davantage de temps sur le site, mais ont également interagi davantage avec lui. Par exemple, le taux de visites avec interactions a progressé de 35 %, le taux de rebond a diminué de 6 %, et le temps moyen passé sur la page a augmenté de 21 %.

Les appareils mobiles constituant un canal clé pour effectuer des recherches sur le site et interagir avec lui, il est primordial de ménager une expérience fluide à celles et ceux qui les utilisent. De fait, une étude indique que neuf internautes sur dix accèdent à Internet au moyen d’un téléphone mobile.

La rapidité des performances est indispensable.

Misez sur la rapidité. Même si vos pages sont conformes aux mesures standards, en les optimisant encore davantage, vous augmenterez vos gains futurs et contribuerez à acquérir un avantage concurrentiel ou à le préserver.

Découvrez comment améliorer les performances de votre site web avec Adobe Experience Manager Sites.