Agence Performance web et éco-conception
Un site lent perd ses utilisateurs avant même d'être jugé sur son contenu. Un site lourd coûte aussi en énergie, en données mobiles et en batterie. Les deux sujets se traitent ensemble, parce qu'ils partagent presque tous leurs leviers.
Les Web Vitals comme critère de conception
Trois mesures suffisent à décrire ce que ressent un utilisateur pendant le chargement d'une page.
Le temps avant l'affichage du contenu principal
La durée qui sépare l'arrivée sur la page du moment où l'élément le plus important devient visible. C'est ce que l'utilisateur appelle spontanément la vitesse du site.
La réactivité aux interactions
Le délai entre un clic, une saisie ou un appui, et la réponse visible de l'interface. Une page affichée mais figée est perçue comme cassée.
La stabilité visuelle pendant le chargement
La mesure des éléments qui se déplacent une fois la page affichée. Un bouton qui bouge au moment du clic est la cause d'erreur la plus irritante.
Ces trois mesures se décident au moment de la conception, dans le choix des images, des polices et de l'ordre de chargement. Les traiter en fin de projet revient à optimiser ce qui aurait dû être évité.
Là où le poids se joue vraiment
Les images
Format, dimensions réellement servies, chargement différé. C'est le premier poste de gain sur la quasi-totalité des sites que nous auditons.
Les polices
Nombre de graisses chargées et stratégie d'affichage pendant le téléchargement. Deux graisses suffisent presque toujours.
Le JavaScript
Ce qui doit être exécuté avant le premier rendu, et ce qui peut attendre. La frontière entre les deux est une décision de conception.
Les scripts tiers
Tags marketing, widgets, outils de mesure. Souvent le poste le plus lourd, et le seul que l'équipe technique ne contrôle pas seule.
L'éco-conception, la même chose vue autrement
Les Web Sustainability Guidelines poursuivent un objectif proche de celui de la performance : moins de données transférées, moins de calcul, une durée de vie plus longue pour les équipements. Les gains se recouvrent donc largement, et la plupart des optimisations servent les deux causes à la fois.
Mais l'éco-conception pose une question que la performance ne pose jamais : cette fonctionnalité a-t-elle besoin d'exister ? C'est la question la plus rentable du projet, et la plus rarement posée.
Ce qui fait revenir le problème
Un site optimisé se dégrade s'il n'est pas surveillé : un tag ajouté pour une campagne, une image publiée en pleine résolution, une bibliothèque importée en entier pour une seule fonction. Aucun de ces gestes n'est fautif isolément, et leur accumulation ramène le site à son point de départ en quelques mois.
La réponse tient en trois éléments : un budget de performance chiffré et connu de tous, une mesure en continu sur les pages qui comptent, et une alerte au dépassement qui déclenche un arbitrage plutôt qu'un constat. Sans ce dispositif, la performance rejoint la dette technique, c'est-à-dire un sujet que personne ne porte tant qu'il ne coûte pas visiblement.
Questions fréquentes
Un site qui s'essouffle ?
Nous regardons ensemble où partent les secondes et les kilo-octets, et ce qui peut être décidé en premier.
Parlons de votre projetPerformance web et éco-conception : mesurer, décider, maintenir
La performance web se résume mal à une note obtenue sur un outil de test. Ce qui compte, ce sont trois perceptions : le temps avant l'affichage du contenu principal, la réactivité aux interactions et la stabilité visuelle de la page pendant son chargement. Ces trois mesures, les Web Vitals, décrivent l'expérience réelle des visiteurs, mobiles compris, sur des connexions qui ne sont pas celles du studio.
Les leviers sont connus et hiérarchisés. Les images arrivent presque toujours en tête, par leur format, les dimensions réellement servies et le moment de leur chargement. Viennent ensuite les polices, le JavaScript exécuté avant le premier rendu, puis les scripts tiers, qui constituent souvent le poste le plus lourd et le moins maîtrisé par l'équipe technique seule.
Ces arbitrages se prennent tôt. Le mode de rendu, la découpe des composants et la stratégie de cache relèvent de l'architecture, et se décident avec le front et l'architecture headless. Une page fabriquée au bon endroit coûte moins cher à afficher qu'une page optimisée après coup.
L'éco-conception reprend les mêmes leviers avec un objectif différent : réduire les données transférées, le calcul mobilisé et l'usure des équipements. Les Web Sustainability Guidelines fournissent un cadre pour cela. Elles rejoignent d'ailleurs les logiques d'accessibilité, qui poussent également vers des pages plus simples, plus lisibles et moins dépendantes de scripts, et celles du design system, qui évite de multiplier les composants et les variantes.
Enfin, la performance se maintient ou se perd. Un budget de performance, une mesure continue et une alerte au dépassement transforment un sujet technique en décision partagée. Lorsque la dégradation touche aussi les parcours, un audit UX permet de relier les chiffres observés aux comportements réels des utilisateurs.
Newsletter Agence Wex
Recevez nos derniers articles, retours d'expérience et bonnes pratiques UX directement dans votre boîte mail.
Désinscription possible à tout moment. Pas de spam, pas de revente de données.
Ce formulaire est protégé par reCAPTCHA : la politique de confidentialité et les conditions d'utilisation de Google s'appliquent.