On appelle web performance ou webperf, la mesure de la vitesse d’affichage d’un site web. En d’autres termes, cela mesure aussi la perception que les internautes en ont, dans des conditions différentes de connections ( ADSL, 3G, Mobile, Desktop ).
Ils regroupent 3 indicateurs : LCP Le Largest Contentful Paint (LCP) mesure le temps qu'il faut pour afficher le plus grand élément visible d'une page web, comme une image ou un bloc de texte, indiquant la rapidité du chargement perçu. , INP L'INP (Interaction to Next Paint) est une métrique qui mesure le délai entre une interaction utilisateur et la prochaine mise à jour visuelle de la page, reflétant la réactivité d'un site web. et CLS Le Cumulative Layout Shift (CLS) est une métrique qui mesure la stabilité visuelle d'une page web en évaluant la quantité de décalements inattendus des éléments lors du chargement, affectant ainsi l'expérience utilisateur. qui reflètent respectivement la vitesse de chargement, l’interactivité et la stabilité visuelle.
La Web Performance La Webperf désigne l'optimisation des performances d'un site web pour accélérer son chargement et améliorer l'expérience utilisateur, grâce à des techniques comme le caching, la compression, et la réduction des fichiers. passe par l’économie de code, de ressources, de fonctionnalité, etc. Et de cet fait va donc de pair avec l’Ecoconception Web.
MilleCheck.ai, un service en ligne développé par artwaï, checke mille paramètres à partir d’une URL Une URL (Uniform Resource Locator) est l'adresse unique d'une ressource sur Internet, comme une page web, une image ou un fichier, permettant de la localiser et d'y accéder via un navigateur. et permet d’évaluer les performances de cette page.
On ne remarque pas quand c’est rapide,
mais on ressent quand c’est lent.
– Tim Carry –
D’une manière évidente, ce critère est devenu un point essentiel de ce qu’on appelle l’UX ou l’ eXpérience Utilisateur L'expérience utilisateur (UX) désigne la qualité de l'interaction d'un utilisateur avec un produit ou service, en termes de satisfaction, facilité d'utilisation et efficacité. . Les internautes aiment les sites rapides à consulter. Toutes les études sur le sujet arrivent à la même conclusion : plus un contenu est chargé rapidement, plus il est consulté, plus il convertit.
Effectivement, l’expérience utilisateur sur mobile dépend directement de la web performance. En situation de mobilité, les connexions sont moins rapides. Néanmoins les utilisateurs sont moins patients, plus volatiles et donc plus exigeants.
La web performance n’est pas à confondre avec le positionnement dans un moteur de recherche qui se traite via le SEO Le référencement naturel, ou SEO (Search Engine Optimization), est l'ensemble des techniques visant à améliorer la visibilité d'un site web dans les résultats de recherche des moteurs comme Google, sans utiliser de publicité payante. ou autrement nommé le référencement. Cependant elle y participe.
Entre autres, notons que Google prend en compte les performances web comme un des critères pris en compte dans son algorithme de référencement.
Un site chargé en plus de 5 secondes a un taux de rebond Le taux de rebond est le pourcentage de visiteurs qui quittent un site web après avoir consulté une seule page, sans interagir avec d'autres pages ou éléments du site. 2 fois plus élevé que s’il se chargeait en 1 sec.
1 seule seconde de chargement en trop peut coûter jusqu’à 7% du taux de conversion.
67% des acheteurs en ligne déclarent la lenteur du site comme étant la raison principale d’abandon du panier.
artwaï est mis au point son propre outil MilleCheck.ai. Cet outil nous permet d’auditer plus de 130 bonnes pratiques et de rassembler en un seul document les indicateurs de performance, d’écoconception, d’ accessibilité L'accessibilité numérique garantit que les sites et applications sont utilisables par tous, y compris les personnes handicapées, via des pratiques comme l'utilisation de texte alternatif et la navigation au clavier. , de SEO et de sécurité. Tous nos développements ont en ligne de mire un respect à minima de 80% de ces critères à la livraison. Accessoirement, ces mesures peuvent être suivies avec un monitoring quotidien.
Sans réduction du poids des ressources et/ou du nombre de requête Le HTTP (HyperText Transfer Protocol) est un protocole utilisé pour transférer des données sur le web, permettant la communication entre un navigateur et un serveur pour afficher des pages web. point de salut ! Ces 2 critères, poids et nombre, sont notre priorité. A la fois en reprise d’un projet grâce à quelques “quickwins” pour compresser et réduire le nombre d’appel; ou comme lors de nos conceptions, où le “no fucking JS JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. spirit” nous incite à penser nos intégrations web avec le minimum de couches, et le minimum de code.
Au delà de ces 2 critères, nous travaillons ensuite à optimiser les autres critères qui sont très nombreux, comme la qualité des réponses HTTP, la compression des images, le temps d’exécution des javascripts, la vérification des liens…