Ce sont nos b\u00eates noires.<\/p>\n
Interfaces utilisateur peu intuitives<\/h2>\n
Ce sont les motifs sombres les plus courants que vous rencontrerez. Il faut du temps et de la r\u00e9flexion pour cr\u00e9er une excellente exp\u00e9rience utilisateur… et vous pouvez g\u00e2cher tous ces efforts tr\u00e8s rapidement avec ces motifs sombres et g\u00eanants.<\/p>\n
\u00ab Installez notre application ! \u00bb<\/h3>\n
Certains sites et r\u00e9seaux sociaux vous invitent \u00e0 installer leur application – g\u00e9n\u00e9ralement lorsque vous cliquez sur une alerte e-mail concernant un nouveau message ou un nouveau follower. Le lien s’ouvre sur une page web avec deux boutons :<\/p>\n
- \n
- Un \u00e9norme bouton \u00ab Utilisez notre application \u00bb. Cliquer dessus m\u00e8ne \u00e0 l’AppStore, o\u00f9 vous devezs approuver, t\u00e9l\u00e9charger, installer, puis lancer l’application native du site (en supposant qu’elle soit prise en charge par votre t\u00e9l\u00e9phone). Vous devez ensuite vous connecter, vous tromper de mot de passe, demander une r\u00e9initialisation, ouvrir le lien, cr\u00e9er un nouveau mot de passe et acc\u00e9der au syst\u00e8me. Vous avez peut-\u00eatre oubli\u00e9 pourquoi vous \u00e9tiez l\u00e0, alors retournez \u00e0 l’alerte initiale et recommencez.<\/li>\n
- Un lien microscopique \u00ab continuer sur le web mobile \u00bb pour effectuer l’action.<\/li>\n<\/ol>\n
![\"Non,](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/install-app-dark-pattern.png\")
Non, merci – je n’ai pas besoin de votre application !<\/figcaption><\/figure>\n Peut-\u00eatre que l’application est glorieuse et que des millions ont \u00e9t\u00e9 d\u00e9pens\u00e9s pour elle, mais il est rare d’en trouver une avec plus de fonctionnalit\u00e9s que le site web. Bien s\u00fbr, une application peut collecter plus de donn\u00e9es personnelles qu’un syst\u00e8me web, elle b\u00e9n\u00e9ficie donc d’une promotion plus intrusive.<\/p>\n
Fa\u00eetes la promotion d’une application par tous les moyens, mais le faire au d\u00e9but de chaque interaction agace les utilisateurs. Certains installeront l’application pour arr\u00eater le harc\u00e8lement, mais d’autres partiront. Serait-il plus efficace de proposer l’application lorsque l’utilisateur utilise le site depuis un certain temps ?<\/p>\n
\u00ab Voulez-vous recevoir des notifications ? \u00bb<\/h3>\n
En un mot : Non.<\/p>\n
![\"Quelqu'un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/push-notification-dark-pattern.png\")
Quelqu’un a-t-il d\u00e9j\u00e0 cliqu\u00e9 sur \u00ab\u00a0Autoriser \u00bb ?<\/figcaption><\/figure>\n Les inscriptions \u00e0 la newsletter, les notifications push<\/a> sur le web, les widgets \u00ab Discutons \u00bb<\/a>\u00a0et les invitations \u00e0 participer \u00e0 des enqu\u00eates<\/a> pourraient<\/em> \u00eatre utiles, mais leurs mises en \u0153uvre sont universellement horribles.<\/p>\n
Les sites vous invitent souvent \u00e0 vous abonner au moment o\u00f9 vous y acc\u00e9dez pour la premi\u00e8re fois suite \u00e0 une recherche sur le web. \u00c0 ce moment-l\u00e0, vous n’avez aucune id\u00e9e si le contenu est pertinent, s’il est bon ou si le site est un endroit que vous envisageriez de visiter fr\u00e9quemment. Il n’est pas surprenant de d\u00e9couvrir que la plupart des gens cliquent sur \u00ab Non \u00bb<\/p>\n
Il n’y a rien de mal \u00e0 proposer des notifications ou des newsletters, mais il vaut mieux s’assurer qu’un utilisateur s’est d’abord engag\u00e9 sur le site. Affichez peut-\u00eatre une invitation \u00e0 la fin de l’article ou apr\u00e8s qu’ils aient visit\u00e9 le site plusieurs fois. C’est moins intrusif, moins distrayant et plus susceptible de r\u00e9ussir.<\/p>\n
Enfin, n’invitez pas les utilisateurs \u00e0 s’inscrire \u00e0 une newsletter lorsqu’ils cliquent sur un lien dans la newsletter ! Cela les fera fuir plus vite que cela ne les attirera.<\/p>\n
Navigation excentrique<\/h3>\n
Les barres d’en-t\u00eate et les menus d\u00e9roulants sont peut-\u00eatre ennuyeux, mais les gens les comprennent. Nous ne voulons pas arr\u00eater l’\u00e9volution de l’interface utilisateur et l’inventivit\u00e9 du design, mais certains contr\u00f4les de navigation<\/a> sont bizarres et illogiques.<\/p>\n
Repensez votre conception si vous devez inciter les utilisateurs \u00e0 utiliser des info-bulles \u00ab Cliquez ici \u00bb ou d’autres m\u00e9thodes d’aide. Les bonnes UI n’ont pas besoin d’explication.<\/p>\n
Encombrement de d\u00e9filement inutile<\/h3>\n
Afficher des animations ou mettre \u00e0 jour les \u00e9l\u00e9ments de menu actifs lorsque la page d\u00e9file peut \u00eatre une exp\u00e9rience int\u00e9ressante. C’est moins utile lorsque :<\/p>\n
- \n
- Les animations sont trop utilis\u00e9es. Animer trop d’\u00e9l\u00e9ments distrait le spectateur – mettre en \u00e9vidence chaque \u00e9l\u00e9ment signifie que rien n’est port\u00e9 \u00e0 l’attention de l’utilisateur. Quelques effets subtils pour se concentrer sur les messages importants fonctionnent mieux.<\/li>\n
- Cela rompt le contexte. Le d\u00e9filement ne doit pas entra\u00eener d’actions inattendues telles que la disparition du contenu, des dialogues, des envois de formulaires, des redirections vers d’autres pages, etc.<\/li>\n<\/ol>\n
L’animation peut aussi provoquer le mal des transports et le vertige, alors pensez \u00e0 utiliser la requ\u00eate m\u00e9dia CSS
prefers-reduced-motion<\/code> pour d\u00e9sactiver les effets.<\/p>\nArr\u00eatez de cr\u00e9er des pages \u00e0 d\u00e9filement infini ! Les liens vers du contenu similaire sont utiles, mais le chargement automatique de contenu al\u00e9atoire sans le consentement de l’utilisateur gaspille la bande passante. Il est difficile de mettre une page en signet, ce qui rend impossible l’acc\u00e8s aux coordonn\u00e9es et autres informations dans le pied de page.<\/p>\n
Articles multi-pages inutiles<\/h3>\n
Nous avons tous vu des \u00ab articles \u00bb qui contiennent un paragraphe de texte suivi d’un lien vers la page suivante. Ces pages sont g\u00e9n\u00e9ralement des app\u00e2ts \u00e0 liens sans contenu substantiel – mais vous ne le d\u00e9couvrirez pas avant d’avoir pataug\u00e9 dans une multitude de publicit\u00e9s et d’impressions de pages.<\/p>\n
Il est inutile de demander aux sp\u00e9cialistes du marketing web de mettre fin \u00e0 cette pratique, mais peut-\u00eatre qu’ils reconsid\u00e9reront leur position si les d\u00e9veloppeurs sensibilisent les gens \u00e0 ne pas succomber \u00e0 cette absurdit\u00e9 !<\/p>\n
Marketing manipulateur<\/h2>\n
Le web est le plus grand march\u00e9 du monde, avec la capacit\u00e9 de vendre une vari\u00e9t\u00e9 infinie de produits physiques et num\u00e9riques. Les utilisateurs reviendront encore et encore… \u00e0 moins que vous ne choisissiez de recourir \u00e0 des motifs sombres pour stimuler les ventes.<\/p>\n
Probl\u00e8mes d’abonnement<\/h3>\n
Se d\u00e9sabonner des notifications ou des newsletters devrait \u00eatre aussi simple que de s’abonner, si ce n’est plus. Demander aux utilisateurs de sauter des obstacles de d\u00e9sabonnement entra\u00eene de la frustration et une perte de confiance dans le site. Il n’y a aucune raison cr\u00e9dible de demander aux utilisateurs de faxer leur certificat de naissance original, trois preuves d’adresse et les derniers dossiers m\u00e9dicaux.<\/p>\n
Publicit\u00e9s d\u00e9guis\u00e9es<\/h3>\n
Les publicit\u00e9s sont sur-utilis\u00e9es sur de nombreux sites, mais les pires exemples :<\/p>\n
- \n
- Ressembler \u00e0 un menu ou \u00e0 une option ;<\/li>\n
- Faire semblant d’\u00eatre des articles d’actualit\u00e9 ou d’information du site d’origine ; ou<\/li>\n
- Afficher des contr\u00f4les de l’interface utilisateur, comme un gros bouton \u00ab T\u00c9L\u00c9CHARGER \u00bb sur une page concernant un produit logiciel.<\/li>\n<\/ol>\n
![\"Une](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/disguised-ad-dark-pattern.png\")
Une publicit\u00e9 sur un site de t\u00e9l\u00e9chargement, qui vous \u00e9loigne du t\u00e9l\u00e9chargement r\u00e9el.<\/figcaption><\/figure>\n Les sites ne peuvent pas toujours d\u00e9terminer le design de la publicit\u00e9 utilis\u00e9e, mais ils contr\u00f4lent le placement. Placer des publicit\u00e9s \u00e0 des endroits bien visibles pour embrouiller les gens peut augmenter les revenus publicitaires, mais ces utilisateurs reviendront-ils ?<\/p>\n
Ajout automatique de produits au panier d’achat<\/h3>\n
Voir une liste de produits associ\u00e9s ou recommand\u00e9s peut \u00eatre utile. Les ajouter au panier de l’utilisateur sans son consentement est une autre affaire. Combien de personnes trouveront cela utile ?<\/p>\n
- \n
- Au mieux, une petite proportion d’utilisateurs remarquera l’\u00e9l\u00e9ment suppl\u00e9mentaire et d\u00e9cidera de le conserver.<\/li>\n
- Une proportion plus importante le supprimera.<\/li>\n
- Certains ne le remarqueront pas avant la livraison, puis se plaindront et demanderont un remboursement.<\/li>\n<\/ul>\n
Ces activit\u00e9s augmentent les ventes au d\u00e9triment de l’assistance \u00e0 la client\u00e8le, de la bonne volont\u00e9 et des achats de retour en cours. G\u00e9rer les plaintes et les remboursements peut annuler toute augmentation \u00e0 court terme de la rentabilit\u00e9.<\/p>\n
Co\u00fbts cach\u00e9s des achats<\/h3>\n
Il n’est pas agr\u00e9able de passer du temps \u00e0 choisir un produit, \u00e0 s’inscrire, \u00e0 saisir ses coordonn\u00e9es de livraison et \u00e0 publier ses informations de paiement pour d\u00e9couvrir que le prix a augment\u00e9 par rapport aux sites concurrents. La page r\u00e9capitulative indique maintenant les co\u00fbts cach\u00e9s tels que les frais de livraison, d’assurance, de manutention et les frais \u00ab nous-esp\u00e9rons-que-vous-ne-remarquerez-pas-ces-frais \u00bb.<\/p>\n
La tarification doit \u00eatre claire et honn\u00eate, sinon les clients perdront confiance dans le service de eCommerce<\/a>. Lorsque les frais de livraison varient consid\u00e9rablement, invitez l’utilisateur \u00e0 saisir son pays ou son code postal avant de s’engager \u00e0 acheter.<\/p>\n
Raret\u00e9 artificielle des stocks et minuteurs de disponibilit\u00e9<\/h3>\n
Il est utile de savoir quand un article est en stock, mais certains sites de eCommerce \u00e9tirent leur cr\u00e9dibilit\u00e9. Plus ils donnent d’informations, moins ils sont cr\u00e9dibles :<\/p>\n
\u00ab ACHETEZ MAINTENANT ! 2 articles en stock, 15 ont \u00e9t\u00e9 achet\u00e9s au cours des 3 derni\u00e8res minutes, et 597 personnes consultent cette page. \u00bb<\/em><\/p><\/blockquote>\n
Ces tactiques de mise sous pression deviennent plus suspectes lorsqu’elles sont appliqu\u00e9es \u00e0 des articles num\u00e9riques ou de grande valeur comme les voitures et les vacances.<\/p>\n
Les utilisateurs se rendent vite compte que ces messages n’ont aucune valeur lorsque les articles restent en stock pendant plusieurs jours. Poursuivront-ils leur achat lorsque les messages marketing du site ne sont pas dignes de confiance ?<\/p>\n
La honte du refus (opt-out)<\/h3>\n
M\u00eame certaines grandes entreprises de eCommerce se livrent \u00e0 des techniques de honte stupides. Elles pr\u00e9sentent une question d’inscription suivie d’un grand bouton \u00ab J’accepte \u00bb et d’un lien de d\u00e9sinscription plus petit, comme par exemple :<\/p>\n
- \n
- \u00ab Non – Je ne veux pas de livraison gratuite illimit\u00e9e. \u00bb<\/li>\n
- \u00ab Non – Je ne me soucie pas du sort des animaux \u00e0 peluches en voie de disparition. \u00bb<\/li>\n
- \u00ab Non – Je veux voir la plan\u00e8te br\u00fbler. \u00bb<\/li>\n<\/ul>\n
Cette pratique fonctionne-t-elle ? Peut-\u00eatre. Mais permet-elle d’\u00e9tablir une relation honn\u00eate avec le client et d’accro\u00eetre la confiance dans le site ?<\/p>\n
Annulations complexes de cookies<\/h3>\n
Le R\u00e8glement g\u00e9n\u00e9ral sur la protection des donn\u00e9es (RGPD<\/a> ) de l’UE exige que les sites affichent un avis d’annulation pour les cookies non essentiels et les technologies de suivi similaires. C’est imparfait, mais la l\u00e9gislation est bien intentionn\u00e9e et constitue une obligation l\u00e9gale dans toute l’Europe. D’autres pays peuvent avoir des r\u00e8gles similaires, m\u00eame si elles sont g\u00e9n\u00e9ralement moins strictes.<\/p>\n
La plupart des utilisateurs accepteront et passeront \u00e0 autre chose sans r\u00e9fl\u00e9chir (ce qui va partiellement \u00e0 l’encontre de l’objectif de la l\u00e9gislation). Se d\u00e9sinscrire devrait \u00eatre tout aussi facile, pourtant certains sites vous obligent \u00e0 :<\/p>\n
- \n
- parcourir des pages\/onglets de jargon avant de trouver les options ;<\/li>\n
- cliquer sur des dizaines de cases \u00e0 cocher m\u00eame si cela enfreint les r\u00e8gles du RGPD ; et<\/li>\n
- attendre jusqu’\u00e0 une minute pendant qu’ils \u00ab enregistrent vos pr\u00e9f\u00e9rences \u00bb.<\/li>\n<\/ul>\n
Cela peut convaincre certains utilisateurs de cliquer sur \u00ab tout accepter \u00bb, mais d’autres abandonneront le site ou passeront en mode lecture pour cacher l’avis de cookie. Au mieux, rendre les refus difficiles donne l’impression que le site a quelque chose \u00e0 cacher. Au pire, ce mod\u00e8le sombre est \u00e0 la limite de la l\u00e9galit\u00e9 et pourrait entra\u00eener des amendes ou une augmentation des frais d’avocat.<\/p>\n
![\"Ce](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/cookie-options.png\")
Ce dialogue continue encore et encore…<\/figcaption><\/figure>\n Terrible technologie<\/h2>\n
Les technologies telles que le HTML sont utilisables, accessibles et r\u00e9trocompatibles d\u00e8s le d\u00e9part. Il faut un effort particulier pour se d\u00e9barrasser de ces avantages.<\/p>\n
Briser la fonctionnalit\u00e9 du navigateur<\/h3>\n
Le bouton retour a \u00e9t\u00e9 la plus grande contribution du web aux interfaces utilisateur. Il est pratique et compris par toute personne ayant une exp\u00e9rience technique minimale. Pourtant, les sites le brisent en ouvrant de nouvelles fen\u00eatres\/onglets, en expirant la page pr\u00e9c\u00e9dente ou en disant aux utilisateurs de ne pas utiliser les contr\u00f4les du navigateur.<\/p>\n
Il n’y a aucune raison technique de briser la fonctionnalit\u00e9 du navigateur. Tenter de contourner les contr\u00f4les est un probl\u00e8me de conception qui perturbe les utilisateurs et rend un syst\u00e8me web moins utilisable.<\/p>\n
Autres probl\u00e8mes \u00e0 \u00e9viter :<\/p>\n
- \n
- Ne d\u00e9sactivez pas les menus du clic droit ou du tapotement long.<\/li>\n
- Ne d\u00e9sactivez pas la copie et n’ajoute pas de texte \u00ab utile \u00bb suppl\u00e9mentaire.<\/li>\n
- Ne cassez pas les signets dans votre application \u00e0 page unique en omettant de mettre \u00e0 jour l’URL.<\/li>\n<\/ol>\n
Mais le pire de tous ces probl\u00e8mes est le prochain sur notre liste.<\/p>\n
D\u00e9sactiver le collage sur les champs de mot de passe<\/h3>\n
D\u00e9sactiver le collage pour quelque raison que ce soit est inutile. D\u00e9sactiver le collage sur un champ de mot de passe est odieux, mais vous rencontrerez cette restriction sur les grands sites – ils devraient \u00eatre mieux inform\u00e9s. J’ai vu de grandes banques internationales l’utiliser.<\/p>\n
Cette pratique est probablement mise en \u0153uvre pour des raisons de s\u00e9curit\u00e9 douteuses. Si l’utilisateur ne peut pas coller, il est logique qu’il ne puisse pas r\u00e9utiliser un mot de passe provenant d’ailleurs. Malheureusement, cela emp\u00eache aussi les gens d’utiliser une application de gestion des mots de passe<\/a>. Il n’est plus possible de g\u00e9n\u00e9rer des cha\u00eenes al\u00e9atoires longues et hautement s\u00e9curis\u00e9es qui ne sont pas pratiques \u00e0 saisir.<\/p>\n
De plus, les d\u00e9veloppeurs peuvent d\u00e9sactiver les restrictions de collage en bricolant un peu avec DevTool. Les autres auraient du mal, et ils sont plus susceptibles d’utiliser des mots de passe faibles. Ne d\u00e9sactive z jamais le collage – c’est moins de travail pour vous et cela am\u00e9liore la s\u00e9curit\u00e9 du syst\u00e8me.<\/p>\n
Restrictions stupides sur les mots de passe<\/h3>\n
\u00ab Votre mot de passe doit comporter entre 8 et 12 caract\u00e8res et n\u00e9cessite au moins une majuscule, un chiffre et un symbole – mais n’utilisez pas \u00ab ‘ \u00bb ou \u00ab ; \u00bb<\/em><\/p><\/blockquote>\n
Il n’y a aucune bonne raison de mettre en place des restrictions strictes sur les mots de passe. Posez-vous la question :<\/p>\n
- \n
- Le syst\u00e8me stocke-t-il le mot de passe en texte brut dans une base de donn\u00e9es plut\u00f4t que de le hacher ?<\/li>\n
- Un expert en s\u00e9curit\u00e9 a-t-il sugg\u00e9r\u00e9 d’emp\u00eacher les gens d’utiliser des mots de passe faciles comme password<\/em>, qwerty<\/em> ou 123456 <\/em>? C’est vrai, mais cela emp\u00eache aussi les gens d’utiliser des mots de passe plus complexes et fournit un mod\u00e8le pratique pour le craquage par force brute.<\/li>\n<\/ol>\n
Une seule r\u00e8gle permet d’imposer des mots de passe forts : une longue longueur minimale. Chaque caract\u00e8re suppl\u00e9mentaire augmente de fa\u00e7on exponentielle la complexit\u00e9 et le temps de craquage.<\/p>\n
Saut de contenu mobile<\/h3>\n
Lire du contenu sur un smartphone peut \u00eatre une exp\u00e9rience frustrante. Vous \u00eates absorb\u00e9 par un article lorsque le contenu saute hors de l’\u00e9cran et que vous perdez votre place. Vous passez alors plusieurs secondes \u00e0 faire d\u00e9filer fr\u00e9n\u00e9tiquement le contenu de haut en bas. Ou pire, vous cliquez sur un lien ou un bouton au moment o\u00f9 il bouge, et une action inattendue se produit. Certains lecteurs vont perdre leur \u00e9lan, abandonner et partir avant que vous puissiez les convertir en client.<\/p>\n
Le saut de contenu se produit lorsqu’une image ou une iframe (g\u00e9n\u00e9ralement une publicit\u00e9) se charge au-dessus du point de d\u00e9filement du viewport. Une fois le contenu charg\u00e9, le navigateur peut d\u00e9terminer ses dimensions et le placer sur la page. Par cons\u00e9quent, une image de 500 px de hauteur (affich\u00e9e en taille r\u00e9elle) pousse le contenu vers le bas de la m\u00eame quantit\u00e9.<\/p>\n
La m\u00e9trique CLS (Cumulative Layout Shift)<\/a> de Google mesure les sauts de contenu et p\u00e9nalise les sites en cons\u00e9quence. Ce probl\u00e8me \u00e9tait complexe, mais plusieurs solutions techniques<\/a> sont d\u00e9sormais disponibles :<\/p>\n
- \n
- Ajoutez des attributs de largeur et de hauteur aux \u00e9l\u00e9ments HTML
img<\/code> etiframe<\/code> ou utilisez la propri\u00e9t\u00e9 CSSaspect-ratio<\/code> pour r\u00e9server un espace sur la page avant le<\/em> chargement de la ressource.<\/li>\n- D\u00e9finissez les dimensions des \u00e9l\u00e9ments conteneurs renfermant des ressources \u00e0 chargement plus lent comme les publicit\u00e9s, les images et les widgets de r\u00e9seaux sociaux.<\/li>\n
- Demandez des images plus grandes d\u00e8s que possible et envisage d’utiliser des liens de pr\u00e9chargement dans votre HTML
head<\/code>.<\/li>\n- Optimisez l’utilisation des polices web et utilisez des \u00e9l\u00e9ments de repli de taille similaire pour minimiser les d\u00e9calages de mise en page.<\/li>\n
- \u00c9vitez d’ins\u00e9rer des \u00e9l\u00e9ments vers le haut de la page, sauf s’il s’agit d’une mise \u00e0 jour DOM d\u00e9clench\u00e9e suite \u00e0 une action de l’utilisateur, comme un clic.<\/li>\n
- Utilisez le confinement CSS pour optimiser le rendu des blocs de contenu. Il est possible de d\u00e9finir des \u00e9l\u00e9ments qui n’affecteront pas le dimensionnement ou la position des autres.<\/li>\n<\/ul>\n
Quand la connexion sociale est nulle<\/h3>\n
Les technologies comme OAuth<\/a> permettent aux utilisateurs de s’inscrire rapidement sur un site en utilisant un autre compte comme Google, Facebook, Twitter, LinkedIn ou Github. Bien mise en \u0153uvre, c’est une option pratique qui offre un processus d’inscription plus fluide, permet de gagner du temps et entra\u00eene des conversions plus \u00e9lev\u00e9es.<\/p>\n
Si elle est mal mise en \u0153uvre, un site vous demandera par la suite de saisir votre e-mail, vos donn\u00e9es personnelles et m\u00eame un mot de passe \u00ab pour leurs enregistrements \u00bb<\/p>\n
Tous les fournisseurs ne transmettent pas les informations de l’utilisateur, alors \u00e9vitez OAuth si votre site a besoin de ces d\u00e9tails pour \u00eatre fonctionnel. OAuth ne doit jamais devenir une \u00e9tape inutile qui ralentit le processus d’inscription.<\/p>\n
Mauvaises performances web<\/h3>\n
Selon l’archive HTTP<\/a>, la page web moyenne met sept secondes \u00e0 se charger sur un appareil de bureau et vingt secondes sur mobile. Une seule page affich\u00e9e effectue 70 requ\u00eates HTTP, t\u00e9l\u00e9charge plus de 2 Mo de donn\u00e9es et \u00e9met 1,3 g de CO\u00b2 dans l’atmosph\u00e8re (voir le Website Carbon Calculator<\/a>). Il s’agit d’une moyenne – de nombreux sites sont pires.<\/p>\n
Personne ne cherche \u00e0 cr\u00e9er un site lent, mais l’ajout de fonctionnalit\u00e9s est souvent plus important que l’am\u00e9lioration des performances. \u00c9tant donn\u00e9 qu’il est possible de cr\u00e9er un clone de Quake jouable de 13 Ko<\/a>, on peut se demander pourquoi deux paragraphes d’argumentaire marketing sur une page \u00ab \u00c0 propos de nous \u00bb n\u00e9cessitent un t\u00e9l\u00e9chargement 154 fois plus important !<\/p>\n
Pour r\u00e9soudre le probl\u00e8me de la performance, il faut une combinaison de techniques<\/a>, mais il faut se souvenir d’un point essentiel : n’envoyez pas trop de choses !<\/p>\n
Widgets de r\u00e9seaux sociaux sournois<\/h3>\n
- Ajoutez des attributs de largeur et de hauteur aux \u00e9l\u00e9ments HTML
![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/10\/captcha-buses.jpg\")