Comment répondre plus vite aux interactions des utilisateurs ?
First Contentful Paint (FCP) et Largest Contentful Paint (LCP) sont tous deux des mesures qui évaluent le temps nécessaire au rendu visuel (paint) du contenu sur une page. Bien qu’importantes, les mesures du rendu visuel ne capturent pas la réactivité de la page, autrement dit, la rapidité avec laquelle elle répond à l'interaction de l'utilisateur.
Voici un guide sur les techniques pour éviter les Layout Shifts (changements de disposition soudains des éléments à l’écran), afin d’améliorer l'expérience utilisateur.
Pour une bonne expérience utilisateur, les pages doivent s’afficher le plus vite possible. En effet, attendre que le contenu apparaisse à l’écran est un facteur d’insatisfaction pour les internautes.
Pour évaluer le temps nécessaire pour qu’une page s’affiche, le First Contentful Paint (FCP) mesure le temps nécessaire au rendu du contenu initial du DOM, mais ne capture pas le temps nécessaire pour le rendu du contenu le plus important en termes de taille (généralement le plus pertinent pour les utilisateurs).
Le First Input Delay (FID) est une métrique centrée utilisateur qui mesure la réactivité suite à une interaction sur une page web. Elle quantifie l’attente des utilisateurs lorsqu’une page ne répond pas. Ainsi, un FID bas indique que la page est utilisable rapidement.
Le Cumulative Layout Shift (CLS) est une métrique centrée utilisateur qui permet d’évaluer la stabilité visuelle d’une page web. Elle permet de mesurer la fréquence à laquelle les utilisateurs subissent des changements de mise en page inattendus. Ainsi, un CLS faible indique que la page est stable et que son utilisation offre une expérience utilisateur de qualité.
Le Largest Contentful Paint (LCP) fait partie des Core Web Vitals de Google, les métriques essentielles pour l’expérience utilisateur. Il permet d’évaluer la perception de vitesse en indiquant le moment où le contenu principal de la page s’affiche. En termes, d’UX, un bon LCP contribue à rassurer sur le fait que le contenu de la page est pertinent.
JS, tiers, widgets… Les Third Parties sont un sujet particulièrement douloureux pour de nombreuses équipes, qu’elles soient IT, Marketing ou E-commerce. Pourtant, 94 % des sites contiennent des scripts tiers et ils apportent de la valeur business et UX : publicités, tracking, contenus dynamiques ou personnalisés, chat, fonctionnalités avancées, scripts d’A/B Test… Alors qu’ils peuvent multiplier par 2 à 3 le temps d’accès à une fonctionnalité.
Comment en tirer le meilleur parti tout en gardant site rapide ? C’est ce que nous avons voulu élucider dans notre étude.
Sur le marché de la Santé et de la Pharmacie, le trafic est résolument Mobile First avec 60 % des visiteurs qui viennent de ce device. Pour les mobinautes, la vitesse est l’exigence UX n°1 selon une étude de Google, pourtant, les sites mobiles de ce secteur sont loin d’être optimisés pour que les pages s’affichent rapidement. Chiffres à l’appui, voyons comment se situent les sites web Santé-Pharma en termes de webperf, et quels sont les enjeux et les leviers d’amélioration.
Dans la Banque-Assurance, le mobile représente en moyenne 43 % du trafic. Ce secteur n’échappe pas à la tendance générale : le trafic mobile y a connu une augmentation de 33 % entre 2019 et 2020, contre 16 % pour le desktop. Le mobile est donc un levier de développement important.
Mais alors que la vitesse est le critère UX n°1 pour les mobinautes, où en sont les temps de chargement des acteurs de la Banque-Assurance en France ? Nous avons mené l’enquête, chiffres à l’appui.
La refonte est une étape idéale pour repenser son site “webperf by design” afin qu’il soit rapide. C’est d’ailleurs ce qu’a fait Thomas Berger, CTO, en plaçant la vitesse de chargement des pages au centre du projet de refonte du site Leparisien.fr. Les effets de cette stratégie ont été visibles dès le lancement, mais ils ont commencé à se dissiper au bout de quelques mois seulement. Pour comprendre pourquoi, et comment redresser la barre, Le Parisien a fait appel à l’expertise de Fasterize pour réaliser un audit de performance.