Auteur Sujet: Exemples de pages web non éco-conçues  (Lu 3449 fois)

0 Membres et 1 Invité sur ce sujet

vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« le: 16 octobre 2023 à 22:15:38 »
Exemples de pages web non éco-conçues

Le référentiel général de l’écoconception des services numériques a un critère 4.7 qui est Le service numérique utilise-t-il uniquement du contenu vidéo, audio et animé porteur d’informations ?, (voir page 65)

On me demande comment une vidéo peut en pas être porteur d'information, c'est-à-dire à but uniquement esthétique ?

Je vais donner ci-dessous 4 exemples.




CEA une page web qui pése 120 Mo !

Le CEA (Commissariat à l'énergie atomique et aux énergies alternatives) est un site sérieux qui fait un rapport annuel conséquent. Ce rapport annuel est mis en valeur avec la page https://www.cea.fr/multimedia/Lists/StaticFiles/rapports/annuel/fr/index.html qui est mise à jour chaque année pour la nouvelle version du rapport.

Pour présenter son rapport annuel 2021, le CEA, affiche un fond vidéo illustrant présentant les 6 domaines d’intervention du CEA. Pas de son, pas d’explication, c’est uniquement décoratif.

Cette vidéo, lancée automatiquement au chargement de la page, va alourdir la page de 118 Mo (mode paysage) ou 82 Mo (mode portrait), y compris sur un smartphone en 4G.
La vidéo est encodée en H.264 à 7,8 Mb/s (paysage) et 5,4 Mb/s (portrait) ! Si le codec VP9 (CRF 32) avait été choisi, on serait à 1,7 Mb/s (paysage) et 0,5 Mb/s (portrait).
En mode Paysage, en réduisant à 1280 pixels de large + encodage VP9, on passe à 1,0 Mb/s.





Les points problématiques :
- L’objectif principal de la vidéo est décoratif
- Lancement automatique de la vidéo, sans action de l’utilisateur
- Codec vidéo peu efficace (H.264)
- Définition trop importante (1920 pixels de large en portrait)

vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« Réponse #1 le: 16 octobre 2023 à 22:19:34 »
Rapport 2022 du CEA

Pour le rapport du CEA 2022, le maitre mot est la sobriété : Toujours une vidéo purement esthétique, mais avec un encodage à 2,5 Mb/s, il y a eu un effort vs le rapport de 2021 qui était à 7,8 Mb/s.

Taille de la vidéo : 30 Mo en mode paysage.

La définition est de 1888 x 544 en mode portrait et elle est toujours encodée en H.264.

L'URL est toujours https://www.cea.fr/multimedia/Lists/StaticFiles/rapports/annuel/fr/index.html



La vidéo est bien sûr chargée et lancée sans action de l’utilisateur, y compris sur un mobile.

Voici la vidéo en question :


vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« Réponse #2 le: 16 octobre 2023 à 22:29:58 »
Une page web qui demande 15 Mb/s pour être vu, c'est possible ? Oui avec mr-multiservices !

Cette page https://www.mr-multiservices.fr ne charge pas une vidéo à but uniquement esthétique, mais 3 sur la même page et lancées en même temps.

L'effet est superbe. La vidéo centrale est un test nPerf à 2 Gb/s et en dessous, on voit une autre vidéo avec des ondulations.

Le texte jaune est le texte du site avec en fond la vidéo...



Voici les 3 vidéos utilisées.

Vidéo 1 : nPerf 1524 x 720 à 30 images par seconde, encodé à 3,0 Mb/s + 129 Kb/s de son



Vidéo 2 : effet de vagues 1920 x 1080 à 30 images par seconde, encodé à 6,2 Mb/s



Vidéo 3 : centrale électrique fonctionnant à l'énergie solaire via des miroirs (on trouve ce type de centrale dans le désert) 1920x 1080 à 5,7 Mb/s



vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« Réponse #3 le: 16 octobre 2023 à 22:33:42 »
Certaines pages du sites sont plus vertes, avec une seule vidéo !



Vidéo 1080 x 1080 à 60 images par seconde encodée à 3,7 Mb/s pour la vidéo + 127 Kb/s pour l'audio !



vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« Réponse #4 le: 16 octobre 2023 à 22:36:56 »
N'hésitez pas à partager, vous aussi, les pages web non optimisées que vous découvrez sur le net !

Kana-chan

  • Abonné Orange Fibre
  • *
  • Messages: 715
  • Antibes (06)
Exemples de pages web non éco-conçues
« Réponse #5 le: 17 octobre 2023 à 01:21:15 »
Bonsoir,
Vidéo 1 : nPerf 1524 x 720 à 30 mages par seconde, encodé à 3,0 Mb/s + 129 Kb/s de son
Cela en fait du monde et de la magie ! :D

Edit Vivien : Corrigé

Jiajo

  • Abonné Orange Fibre
  • *
  • Messages: 844
  • Château-Thierry (02)
Exemples de pages web non éco-conçues
« Réponse #6 le: 17 octobre 2023 à 01:25:26 »
non mais serieux c'est un prank ce site Mr multiservice

tente vivien  ;D
Description du service
Vous souhaitez l'avis d'un professionnel sur l'installation d'équipement optique.
* Les frais de déplacement pour le devis sont déductible de la facture final.


Free_me

  • Abonné Free fibre
  • *
  • Messages: 3 378
  • Marseille
Exemples de pages web non éco-conçues
« Réponse #7 le: 17 octobre 2023 à 08:54:39 »
Le CEA (Commissariat à l'énergie atomique et aux énergies alternatives) est un site sérieux qui fait un rapport annuel conséquent. Ce rapport annuel est mis en valeur avec la page https://www.cea.fr/multimedia/Lists/StaticFiles/rapports/annuel/fr/index.html qui est mise à jour chaque année pour la nouvelle version du rapport.

c'est celle là la page de 100Mo ? Car je la vois a 3.3Mo moi.
Ou alors tu attends 15min pour avoir regardé la video en entier ? Ce que 90% des gens ne font pas, et qui de toute façon correspond grosso-modo au trafic que tu aurai generé si tu avais navigué normalement sur d'autres pages du site ou d'un autre.

J'aimerai pas etre a ta place, vouloir mettre une note 'ecologique' sur des sites, c'est le bon chantier qui pue et on pourra toujours te renvoyer dans la gueule que ta notation c'est n'importe quoi. Sans compter qu'un site internet se change en 5sec, c'est pas comme une maison ou une bagnole. Et peut-etre pire, certains risquent de poser la question si c'est vraiment c'est a 'ca' que sert l'arcep. Enfin j'espere au moins qu'en interne vous realisez la bêtise du truc. Moi en tout cas je me rassure en me disant que de façon publique tu ne peux pas avouer "ouais on sait que c'est un chantier complètement débile, mais bon les ordres viennent d'en haut, donc...".

Les points problématiques :
- L’objectif principal de la vidéo est décoratif
- Lancement automatique de la vidéo, sans action de l’utilisateur
- Codec vidéo peu efficace (H.264)
- Définition trop importante (1920 pixels de large en portrait)[/size]

- c'est vrai. Et toutes ces images de merde qu'ils ont foutu partout là, ca aussi c'est decoratif. Revenons au minitel brdl ! Ou meme mieux, au papier !
- oui bien, encore heureux.
- bof
- ouais, si tu veux. Ca m'en touche une mais pas l'autre ;) Et puis selon le trafic de la page, faut voir. S'il y a 10 visites par jour sur cette page, est ce que avoir 3 ou 4 autres résolutions supplémentaire vaut le cout que ca engendre (payer un clampin pour faire ca, stocker, ...) ?

trekker92

  • Abonné Free adsl
  • *
  • Messages: 1 533
Exemples de pages web non éco-conçues
« Réponse #8 le: 17 octobre 2023 à 09:24:22 »

vivien

  • Administrateur
  • *
  • Messages: 48 042
    • Twitter LaFibre.info
Exemples de pages web non éco-conçues
« Réponse #9 le: 18 octobre 2023 à 10:21:05 »
c'est celle là la page de 100Mo ? Car je la vois a 3.3Mo moi.
L'année dernière, cette même page web pesait 120 Mo (la page est mise à jour chaque année et garde la même URL).

Cette année, il y a eu un travail d'optimisation, la vidéo ne fait que 30 Mo.

Si tu vois 3 Mo pour la page, c'est que tu ne comptes pas tout ce que charge le navigateur web.
La vidéo étant assez courte (c'est une boucle qui se répète), elle est rapidement chargée en intégralité par le navigateur.

Je ne suis pas contre la présence d'une vidéo qui aurait une utilité, la vidéo est un moyen qui permet de toucher un public que l'écrit ne permet pas, mais là, c'est purement décoratif et c'est chargé sans le consentement de l'utilisateur (si tu es en itinérance à l'étranger, tu apprécies d'avoir 120 Mo de perdu dans cette page dans sa version de l'année dernière).

J'aimerai pas etre a ta place, vouloir mettre une note 'ecologique' sur des sites, c'est le bon chantier qui pue et on pourra toujours te renvoyer dans la gueule que ta notation c'est n'importe quoi.
C'est dans l'autre sens : de plus en plus d'acteurs souhaitent pouvoir adresser le sujet de l'éco-conception, on regroupe donc les bonnes pratiques dans un document.

Il y a deux ans, quand le législateur nous a demandé de travailler sur le sujet, j'ai été très étonné : Mon domaine d'expertise, c'est la mesure de débit, la neutralité, l'IPv6, pas l'environnement ! Curieux, j'ai cherché à faire un document avec quelques pratiques d'éco-conception et on a été aidé par de nombreuses personnes qui ont de l'expertisent sur le sujet. Aujourd'hui, on a de nombreuses entités qui viennent nous voir, nous félicitent et veulent nous aider.

Après cette mise en consultation publique, il y a peu de personnes qui disent que "c'est n'importe quoi", on est étonné par un retour aussi positif, toutefois il faut attendre les ateliers de travail avec l'écosystème et la fin de la consultation publique pour se faire une idée.

Free_me

  • Abonné Free fibre
  • *
  • Messages: 3 378
  • Marseille
Exemples de pages web non éco-conçues
« Réponse #10 le: 18 octobre 2023 à 10:26:38 »

Si tu vois 3 Mo pour la page, c'est que tu ne comptes pas tout ce que charge le navigateur web.
La vidéo étant assez courte (c'est une boucle qui se répète), elle est rapidement chargée en intégralité par le navigateur.


3.3Mo pour le chargement et l'affichage initial de la page
plus la video avance, plus ca charge, donc apres 15sec on est a 5Mo, encore 15sec plus tard, 8Mo, etc...
C'est facilement visible dans l'outil de dev de chrome ou fiefox, onglet network.

Free_me

  • Abonné Free fibre
  • *
  • Messages: 3 378
  • Marseille
Exemples de pages web non éco-conçues
« Réponse #11 le: 18 octobre 2023 à 10:41:25 »
C'est dans l'autre sens : de plus en plus d'acteurs souhaitent pouvoir adresser le sujet de l'éco-conception, on regroupe donc les bonnes pratiques dans un document.

Il y a deux ans, quand le législateur nous a demandé de travailler sur le sujet, j'ai été très étonné : Mon domaine d'expertise, c'est la mesure de débit, la neutralité, l'IPv6, pas l'environnement ! Curieux, j'ai cherché à faire un document avec quelques pratiques d'éco-conception et on a été aidé par de nombreuses personnes qui ont de l'expertisent sur le sujet. Aujourd'hui, on a de nombreuses entités qui viennent nous voir, nous félicitent et veulent nous aider.

Après cette mise en consultation publique, il y a peu de personnes qui disent que "c'est n'importe quoi", on est étonné par un retour aussi positif, toutefois il faut attendre les ateliers de travail avec l'écosystème et la fin de la consultation publique pour se faire une idée.

mouais
je ne suis pas vraiment convaincu mais bon on verra bien ce que ca donne.