Catégories
Astuces et Design

Webwaste

Le Web est obèse

En 1994, il y avait 3 000 sites Web. En 2019, on estimait à 1,7 milliard, soit près d'un site Web pour trois personnes sur la planète. Non seulement le nombre de sites Web a explosé, mais le poids de chaque page a également grimpé en flèche. Entre 2003 et 2019, le poids moyen des pages Web est passé d'environ 100 Ko à environ 4 Mo. Les resultats?

"Dans notre analyse de 5,2 millions de pages", a déclaré Brian Dean pour Backlinko en octobre 2019, "le temps moyen nécessaire pour charger complètement une page Web est de 10,3 secondes sur le bureau et de 27,3 secondes sur le mobile." En 2013, Radware a calculé que le temps de chargement moyen d'une page Web sur mobile était de 4,3 secondes.

Étude après étude, les gens détestent absolument les pages Web lentes. En 2018, une recherche Google a révélé que 53% des visiteurs du site mobile avaient laissé une page qui prenait plus de trois secondes à charger. Une étude réalisée en 2015 par Radware a révélé que «un site qui se charge en 3 secondes enregistre 22% de pages vues en moins, un taux de rebond 50% plus élevé et 22% de conversions en moins qu'un site qui se charge en 1 seconde, tandis qu'un site qui se charge en 5 secondes enregistrent 35% de pages vues en moins, un taux de rebond supérieur de 105% et 38% de conversions en moins. »

Les causes du ballonnement des pages Web? Les images et les vidéos sont principalement à blâmer. D'ici 2022, on estime que les vidéos en ligne représenteront plus de 82% de tout le trafic Internet des consommateurs, soit 15 fois plus qu'en 2017. Cependant, du code au contenu, tout ce qui concerne la conception Web est devenu hyper gonflé et super polluant. . Considérez que si une page Web typique qui pèse 4 Mo est téléchargée 600 000 fois, un arbre devra être planté afin de faire face à la pollution qui en résulte.

Ils disent qu'une image vaut mille mots. Eh bien, 1000 mots de texte occupent environ deux pages A4 (210 mm de large et 297 mm de long) et pèsent environ 6 Ko. Vous placeriez environ quatre images de 9 cm x 16 cm sur deux pages A4. Disons que ces images sont bien optimisées et pèsent 40 Ko chacune. (Une image mal optimisée peut peser plusieurs mégaoctets.) Même avec une optimisation aussi élevée, deux pages A4 d'images pèsent environ 160 Ko. C'est 27 fois plus que les deux pages A4 de texte. Une vidéo de 30 secondes, en revanche, pourrait facilement peser 3 Mo. Les vidéos créent beaucoup plus de pollution que le texte. Le texte est la technique de compression ultime. C'est de loin le moyen de communication le plus respectueux de l'environnement. Si vous voulez sauver la planète, utilisez plus de texte. Pensez au poids numérique.

D'un point de vue énergétique, il ne s'agit pas simplement du poids des pages. Certaines pages peuvent avoir des exigences de traitement très élevées une fois téléchargées. D'autres pages, en particulier celles qui sont basées sur la publicité, seront téléchargées avec de nombreux sites Web tiers suspendus, soit en leur fournissant du contenu, soit en demandant à être alimentés en données, souvent des données personnelles sur le visiteur du site. C’est comme un cheval de Troie. Vous pensez que vous accédez à un site Web ou à une application, mais tous ces autres tiers commencent à vous accéder. Selon Trent Walton, les 50 sites Web les plus visités comptaient en moyenne 22 sites Web tiers suspendus. Le New York Times en avait 64, tandis que le Washington Post en avait 63. Tous ces sites Web tiers créent de la pollution et envahissent la vie privée.

Il existe une énorme quantité de contenu obsolète sur les sites Web. J'ai travaillé avec des centaines de sites Web où nous avons dû supprimer jusqu'à 90% des pages afin de commencer à voir des améliorations. Un code mal écrit et obsolète est également un problème majeur. En nettoyant son code JavaScript, Wikipedia a estimé avoir économisé 4,3 téraoctets par jour de bande passante de données pour leurs visiteurs. En économisant ces téraoctets, nous avons évité de planter près de 700 arbres pour faire face à la pollution annuelle qui aurait été causée.

Si vous voulez aider à sauver la planète, réduisez le poids numérique. Nettoyez votre site Web. Avant d'ajouter une image, assurez-vous qu'elle fait quelque chose d'utile et que c'est l'image la plus optimisée possible. Chaque fois que vous ajoutez du code, assurez-vous qu'il fait quelque chose d'utile et qu'il s'agit du code le plus léger possible. Soyez toujours à l'affût des images de déchets, du code des déchets, du contenu des déchets. Prenez l'habitude de supprimer quelque chose chaque fois que vous ajoutez quelque chose.

La publication est une dépendance. Donner un site Web à une organisation, c'est comme donner un pub à un alcoolique. Vous vous souvenez du dicton: "Il y a un livre à l'intérieur de tout le monde"? Eh bien, le Web a laissé sortir le livre. Ce sont des jours heureux pendant un certain temps car nous publions, publions, publions tous. Ensuite…

"Salut, je suis Gerry. J'ai un site Web de 5 000 pages. »

"Salut, Gerry."

«J'avais un site Web de 500 pages, mais je n'avais aucun contrôle sur moi-même. C'était une page de plus, une page de plus… Quel mal une page de plus pourrait-elle faire? »

La refonte est la réhabilitation des sites Web. Tous les deux ou trois ans, un gestionnaire s'ennuie avec la conception ou un autre gestionnaire rencontre un client qui lui dit combien il est horrible de trouver quoi que ce soit sur le site Web. L'équipe de conception rassemble un nouveau tas de fausses images et de faux contenus pour les pages de niveau supérieur, tout en évitant soigneusement de s'approcher du gâchis de soulèvement aux niveaux inférieurs. Après le lancement, tout le monde est content pendant un certain temps (sauf les clients, bien sûr) parce que dans de nombreuses organisations, ce qui est important, c'est d'être vu faire des choses et produire et lancer des choses, plutôt que de faire quelque chose d'utile.

Si vous devez faire quelque chose, faites quelque chose d'utile. Cela signifie souvent ne pas faire, supprimer, minimiser, nettoyer.

Méfiez-vous des petites tâches. Nous avons utilisé la méthode Top Tasks pour identifier ce qui compte et ce qui ne compte pas pour les gens, qu'ils achètent une voiture, choisissent une université, prennent soin de leur santé, achètent une sorte de produit technologique, etc. Dans n'importe quel environnement dans lequel nous l'avons réalisé – et nous l'avons fait plus de 500 fois – il n'y a pas plus de 100 choses qui pourraient potentiellement avoir de l'importance.

Dans un environnement de santé, cela peut inclure les symptômes, le traitement, la prévention, les coûts, les temps d'attente, etc. Lors de l'achat d'une voiture, ils peuvent inclure le prix, le type de moteur, les garanties, les coûts de service, etc. Nous avons mené des enquêtes Top Tasks dans certains 40 pays et 30 langues, avec plus de 400 000 personnes votantes. Dans chaque enquête, les mêmes tendances se dessinent. Disons qu'il y a 100 tâches potentielles. Les gens sont invités à voter sur les tâches qui sont les plus importantes pour eux. Lorsque les résultats seront connus, nous constaterons que cinq des tâches obtiendront les premiers 25% des voix. 50 tâches obtiendront les 25% finaux des voix. Les cinq premières tâches obtiennent autant de voix que les 50 dernières. C'est la même tendance en Norvège, en Nouvelle-Zélande, en Israël, aux États-Unis, au Canada, au Royaume-Uni, au Brésil, où que ce soit.

Les 50 derniers sont ce que j'appelle les petites tâches. Quand une petite tâche s'endort la nuit, elle rêve d'être une tâche prioritaire. Ces petites tâches – les véritables producteurs de déchets – sont très ambitieuses et enthousiastes. Ils feront tout leur possible pour attirer l'attention sur eux-mêmes, et l'une des meilleures façons de le faire est de produire beaucoup de contenu, de conception, de code.

Une fois que nous obtenons les résultats Top Tasks, nous analysons parfois la quantité d'efforts organisationnels consacrés à chaque tâche. Invariablement, il existe une relation inverse entre l'importance de la tâche pour le client et l'effort que l'organisation déploie en relation avec ces tâches. Plus il est important pour le client, moins on en fait; moins elle est importante pour le client, plus on en fait.

Méfiez-vous de concentrer trop d'énergie, de temps et de ressources sur les petites tâches. La réduction des tâches minuscules est la première façon de réduire le nombre de pages et de fonctionnalités. Sauver la planète. Supprimez les petites tâches.

Un fléau d'images inutiles

Une fois, je prononçais un discours lors d'une conférence internationale sur le gouvernement numérique et j'ai demandé aux gens de m'envoyer des exemples de cas où le gouvernement numérique fonctionnait bien. Une suggestion était de créer un site Web dans une langue que je ne parle pas. Quand je l'ai visité, j'ai vu une de ces grandes images typiques que vous voyez sur tant de sites Web. Je me suis dit: je vais essayer de comprendre ce site à partir de ses images.

La grande image était celle d'une femme d'âge moyen bien habillée qui marchait dans la rue tout en parlant au téléphone. J'ai mis mon chapeau Sherlock Holmes. Hmm… Quelque chose à voir avec les télécommunications, peut-être? Pourquoi choisiraient-ils une femme plutôt qu'un homme, ou un groupe de femmes et d'hommes? Elle est mariée, j'en ai déduit en regardant la bague à son doigt. Qu'est-ce que ça me dit? Et son âge? Pourquoi n'est-elle pas plus jeune ou plus âgée? Et pourquoi est-elle seule? Des questions, des questions, mais je ne suis pas Sherlock Holmes. Je n'ai rien trouvé d'utile sur cette image.

J'ai fait défiler la page. Ah, trois autres images. La première est une image de bande dessinée d'une famille en vacances. Hmm… Le suivant est de deux hommes et une femme dans une pièce. L'un d'eux a tendu la main et l'a placée sur quelque chose, mais je ne vois pas ce que c'est, car les deux autres ont placé leurs mains sur cette main. C’est un type d’engagement ou quelque chose, une société secrète, peut-être? Deux d'entre eux sourient et le troisième essaie de sourire. Qu'est-ce que cela pourrait signifier? Et puis la photo finale est celle d'un homme d'âge moyen qui regarde la caméra, ni souriant ni sans sourire, avec un regard un peu gentil et réfléchi. Qu'est-ce qui se passe?

Je dois admettre qu'après avoir examiné toutes les preuves visuelles, je n'avais absolument aucune idée de l'objet de ce site Web du gouvernement. Alors, je l'ai traduit. Il s'agissait des conditions d'emploi et du statut juridique des fonctionnaires. Maintenant, pourquoi n'ai-je pas déduit cela des images?

Le Web nous étouffe dans des images inutiles qui créent beaucoup de pollution. Ces clichés, images d'archives ne communiquent absolument rien de valeur, d'intérêt ou d'utilisation. Ils sont l'une des pires formes de pollution et de déchets numériques, car ils provoquent un gonflement des pages, ce qui ralentit le téléchargement des pages, tout en évacuant une pollution totalement inutile. Ils occupent de l'espace sur la page, forçant le contenu plus utile hors de vue, faisant défiler les gens sans raison valable.

Interpublic est une très grande agence de publicité mondiale. Comme pour toutes les agences de publicité, elles soulignent à quel point elles sont «créatives», ce qui signifie qu'elles aiment les images polluantes énormes, dénuées de sens et joyeuses. Lorsque j'ai testé leur page d'accueil, elle a émis près de 8 grammes de CO2 lors du téléchargement, plaçant Interpublic dans les pires 10% des pollueurs du site Web, selon le site Web Carbon Calculator. (À titre de comparaison, la page d'accueil de Google émet 0,23 grammes.) Une seule image sur sa page d'accueil pesait 3,2 Mo. Cette image aurait facilement pu être 10 fois plus petite, sans rien perdre de son attrait visuel. Le site Web d'Interpublic est comme un camion diesel sale et rouillé de 25 ans, éructant des fumées alors qu'il déferle sur le Web.

Au lieu d’optimiser les images pour qu’elles se téléchargent plus rapidement, l’inverse se produit souvent. Les images haute résolution représentent un coût majeur pour l'environnement. Si, par exemple, vous passez d'une image de résolution 4K à une image 8K, la taille du fichier ne double pas, elle triple. Par exemple, j'ai enregistré une image en 4K et elle était de 6,9 ​​Mo. À 8K, c'était 18 Mo.

Le «progrès» et l '«innovation» numériques signifient souvent une pression croissante sur l'environnement. Tout est plus. Tout est plus haut. Tout est plus rapide. Et tout est exponentiellement plus exigeant vis-à-vis de l'environnement. Le numérique est gourmand en énergie et plus il grandit, plus il devient gourmand. Nous avons besoin d'une innovation numérique qui réduit le stress environnemental, qui réduit l'empreinte numérique. Nous avons besoin de concepteurs numériques qui réfléchissent au poids de chaque décision de conception qu'ils prennent.

Nous devons commencer par essayer d'utiliser l'option qui endommage le moins l'environnement, c'est le texte. Ne présumez pas que les images sont automatiquement plus puissantes que le texte. Parfois, le texte fait mieux le travail.

  • Lors d'un test avec une compagnie d'assurance, il a été constaté qu'une promotion pour un produit de retraite était jugée moins précise lorsqu'une image d'un visage était utilisée que lorsqu'un texte seul était utilisé.
  • Une initiative du gouvernement britannique visant à amener les gens à s'inscrire pour devenir des donneurs potentiels d'organes a testé huit approches. Les approches utilisant des images ont été les moins efficaces. Le texte uniquement fonctionnait mieux.

"Bonjour?"

"Bonjour. Est-ce le Département des images inutiles? "

"Oui."

"Nous avons ce formulaire de contact et nous avons besoin d'une image inutile."

"Que diriez-vous d'une famille gambadant dans un champ de fleurs printanières avec des papillons dansant en arrière-plan?"

"Parfait."

Il existe en effet de nombreuses situations où les images sont vraiment utiles, en particulier lorsqu'il s'agit d'aider les gens à mieux comprendre le fonctionnement ou l'apparence d'un produit. Airbnb, par exemple, a constaté que sa croissance ne commençait à s'accélérer qu'après avoir investi dans l'obtention d'images de qualité des propriétés locatives proposées.

Si vous avez besoin d'utiliser des images, optimisez-les et envisagez d'utiliser de vraies personnes réelles faisant des choses réelles.

Ils disent qu’une image représente mille mots, mais parfois c’est mille mots de merde.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *