HTeuMeuLeu’s avatarHTeuMeuLeu’s Twitter Archive—№ 22,263

        1. Le guide d’éco-conception de services numériques eco-conception.designersethiques.org/guide/ (par @AnneFaubry et @aurel_baton)
          Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ♻️ 13 Retweets ❤️ 29 Favorites Mood 0
      1. …in reply to @HTeuMeuLeu
        J'applaudis la démarche et le contenu. Mais je suis très sceptique sur l'idée de faire un site éco-conçu dont les pages font entre 500 Ko et 1 Mo, embarquant Bootstrap et jQuery (et pour quoi ? Le seul truc interactif que j'ai vu c'est le sous-menu du header).
        Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ♻️ 2 Retweets ❤️ 7 Favorites Mood 0
    1. …in reply to @HTeuMeuLeu
      Rien que le logo en SVG fait plus de 20 Ko. Selon moi, une page complète d'un site de contenus éco-conçu comme celui-ci devrait faire entre 50 Ko et 100 Ko (avant Gzip), soit dix fois moins.
      Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ❤️ 4 Favorites Mood 0
  1. …in reply to @HTeuMeuLeu
    Opinion impopulaire 1 : l'effet « dithering » pour optimiser les images, c'est de la pure foutaise. Exemple (coucou Raphaël) : - JPG dithering 2020.ethicsbydesign.fr/images/raphael.jpg (35 Ko) - MozJPEG hteumeuleu.fr/wp-content/uploads/2021/03/iergo.jpg (20 Ko) - WebP hteumeuleu.fr/wp-content/uploads/2021/03/iergo.webp (15 Ko)
    On twitter.com Twitter logo HTeuMeuLeu’s avatar ♻️ 5 Retweets ❤️ 6 Favorites Mood -3 🙁
    1. …in reply to @HTeuMeuLeu
      Opinion impopulaire 2 : arrêtez d'embarquer vos favicons. Les agents utilisateurs vont de toute façon bombarder votre serveur de requêtes sur /favicon.ico et /apple-touch-icon.png. Donc mettez ces deux fichiers là à la racine de votre serveur, et laissez votre HTML tranquille.
      Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ❤️ 9 Favorites Mood 0
      1. …in reply to @HTeuMeuLeu
        Bonus de cette technique : si quelqu'un embarque votre page via une iframe, aucune favicon ne sera téléchargée (contrairement à si vous déclarez une favicon dans votre HTML). (J'ai découvert ça en faisant les embeds de caniemail.)
        Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ❤️ 3 Favorites Mood 0
        1. …in reply to @HTeuMeuLeu
          Opinion impopulaire 3 : les balises meta Open Graph, c'est un dark pattern de l'économie de l'attention visant à ce que le partage de votre site occupe le plus de place possible sur un écran. La plupart du temps, l'image et le texte associés n'apportent rien du tout.
          Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ❤️ 6 Favorites Mood -2 🙁
          1. …in reply to @HTeuMeuLeu
            Bref, je m'éloigne et je divague. Vive l'éco-conception et longue vie à ce projet. (Si besoin ça m'intéresse complètement d'aider sur ce genre de sujets.) Coeur sur toutes celles et ceux qui essaient de rendre le Web meilleur.
            Permalink On twitter.com Twitter logo HTeuMeuLeu’s avatar ❤️ 3 Favorites Mood 0