# Repenser le site internet avec le collectif Greening DH

Élodie Ripoll, Ariadne Baresch

► To cite this version:

Élodie Ripoll, Ariadne Baresch. Repenser le site internet avec le collectif Greening DH. Humanistica 2024, Association francophone des humanités numériques, May 2024, Meknès, Maroc. http://hal.science/hal-04588587

HAL Id: hal-04588587

https://hal.science/hal-04588587

Submitted on 27 May 2024

HAL is a multi-disciplinary open access
archive for the deposit and dissemination of sci-
entific research documents, whether they are pub-
lished or not. The documents may come from
teaching and research institutions in France or
abroad, or from public or private research centers.

L'archive ouverte pluridisciplinaire HAL, est
destinée au dépôt et à la diffusion de documents
scientifiques de niveau recherche, publiés ou non,
émanant des établissements d'enseignement et de
recherche français ou étrangers, des laboratoires
publics ou privés.

<figure><img src="image_1.png" /></figure>
# Repenser le site internet avec le collectif Greening DH

Élodie Ripoll, Ariadne Baresch

► To cite this version:

Élodie Ripoll, Ariadne Baresch. Repenser le site internet avec le collectif Greening DH. Humanistica 2024, Association francophone des humanités numériques, May 2024, Meknès, Maroc. http://hal.science/hal-04588587

HAL Id: hal-04588587

https://hal.science/hal-04588587v1

Submitted on 27 May 2024

HAL is a multi-disciplinary open access
archive for the deposit and dissemination of sci-
entific research documents, whether they are pub-
lished or not. The documents may come from
teaching and research institutions in France or
abroad, or from public or private research centers.

L'archive ouverte pluridisciplinaire HAL, est
destinée au dépôt et à la diffusion de documents
scientifiques de niveau recherche, publiés ou non,
émanant des établissements d'enseignement et de
recherche français ou étrangers, des laboratoires
publics ou privés.

<figure><img src="image_1.png" /></figure>

Distributed under a Creative Commons Attribution 4.0 International License
# Repenser le site internet avec le collectif Greening DH

Élodie Ripoll, Ariadne Baresch

Universität Trier

{ripoll,baresch}@uni-trier.de

## Résumé

Cet atelier propose à travers l'exemple de la création ou de la gestion de sites internet de mettre en pratique des suggestions concrètes du collectif Greening DH pour réduire notre pollution numérique. Se limiter à l'essentiel permet d'avoir une approche plus sobre et plus inclusive sans renoncer pour autant à la créativité. Notre atelier associera théorie et pratique et proposera deux variantes aux participantes et participants : (a) des notions pour créer un site internet plus écoresponsable en html ; (b) intégrer les suggestions écoresponsables concrètes sur une structure déjà existante ou un blog hypothèse.

## 1 Introduction

Toute chercheuse ou chercheur s'interroge à un moment sur la création d'un site internet, que ce soit pour un projet de recherche ou un site personnel. Faut-il utiliser les outils mis à disposition comme les blogs hypothèses<fnref n="1" /> (fonctionnant sur Wordpress) ou bien le façonner manuellement de A à Z ? Faut-il maîtriser les langages de balisage ? Quelles sont les solutions sérieuses et pérennes d'hébergement ? Veut-on diffuser de simples informations ou des conférences, des ressources interactives voire jouer avec les virtuosités de la technique ?

Parallèlement, si de plus en plus de travaux alertent sur la part non négligeable du numérique dans le réchauffement climatique, la quantité de données produites continue d'augmenter de manière exponentielle au point de la mesurer en yotta-byte (Sauvajol-Rialland, 2014; Nicolet et Shabou, 2021).

Nous proposons dans notre atelier de repenser cet outil de diffusion en suivant les suggestions du collectif Greening DH<fnref n="2" />. Ce groupe de travail,

officiellement affilié à l'association Digital Humanities im deutschsprachigen Raum<fnref n="3" />, œuvre pour une prise de conscience des enjeux écologiques des humanités numériques – tant au niveau des appareils (production, renouvellement, recyclage), que des logiciels et serveurs utilisés, des flux de données, de leur archivage et de la consommation électrique engendrée (Baillot et al., 2022). La « sobriété numérique » (Bordage, 2019) implique une remise en question profonde de nos pratiques à travers une nouvelle compétence, la « littératie de la sobriété numérique » (Descamps et al., 2022).

## 2 Objectifs de l'atelier

Notre atelier associera théorie et pratique et proposera deux variantes aux participants : (a) des notions pour créer un site internet plus écoresponsable en html ; (b) intégrer les suggestions écoresponsables concrètes sur une structure déjà existante ou un blog hypothèse.

### 2.1 Redéfinir les objectifs d'un site internet en se limitant à l'essentiel

Les objectifs initiaux – à savoir diffuser des informations de qualité, optimiser le site pour qu'il apparaisse dans les résultats des moteurs de recherches, assurer facilement sa maintenance et sa sécurité – n'incluaient pas les éventuelles difficultés d'accès ou de lecture de certains individus. Il faut désormais garantir une « inclusion numérique » (Pinède, 2018) aussi complète que possible : l'accessibilité pour toutes et tous, sur différents appareils, mais surtout avec des connexions internet plus lentes (dans des zones rurales dites « blanches », des pays du Sud global touchés par la fracture numérique) mais aussi malgré différentes situations de handi-caps visuels (à travers les choix de couleur, les fontes de caractères).

<footnote n="1">1. https://fr.hypotheses.org.</footnote>

<footnote n="2">2. https://dhd-greening.github.io.</footnote>

<footnote n="3">3. Équivalent d'Humanistica dans l'espace germanophone.</footnote>
# Repenser le site internet avec le collectif Greening DH

Élodie Ripoll, Ariadne Baresch

Universität Trier

{ripoll,baresch}@uni-trier.de

## Résumé

Cet atelier propose à travers l'exemple de la création ou de la gestion de sites internet de mettre en pratique des suggestions concrètes du collectif Greening DH pour réduire notre pollution numérique. Se limiter à l'essentiel permet d'avoir une approche plus sobre et plus inclusive sans renoncer pour autant à la créativité. Notre atelier associera théorie et pratique et proposera deux variantes aux participantes et participants : (a) des notions pour créer un site internet plus écoresponsable en html ; (b) intégrer les suggestions écoresponsables concrètes sur une structure déjà existante ou un blog hypothèse.

## 1 Introduction

Toute chercheuse ou chercheur s'interroge à un moment sur la création d'un site internet, que ce soit pour un projet de recherche ou un site personnel. Faut-il utiliser les outils mis à disposition comme les blogs hypothèses<fnref n="1" /> (fonctionnant sur Wordpress) ou bien le façonner manuellement de A à Z ? Faut-il maîtriser les langages de balisage ? Quelles sont les solutions sérieuses et pérennes d'hébergement ? Veut-on diffuser de simples informations ou des conférences, des ressources interactives voire jouer avec les virtuosités de la technique ?

Parallèlement, si de plus en plus de travaux alertent sur la part non négligeable du numérique dans le réchauffement climatique, la quantité de données produites continue d'augmenter de manière exponentielle au point de la mesurer en yotta-byte (Sauvajol-Rialland, 2014; Nicolet et Shabou, 2021).

Nous proposons dans notre atelier de repenser cet outil de diffusion en suivant les suggestions du collectif Greening DH<fnref n="2" />. Ce groupe de travail,

officiellement affilié à l'association Digital Humanities im deutschsprachigen Raum³, œuvre pour une prise de conscience des enjeux écologiques des humanités numériques – tant au niveau des appareils (production, renouvellement, recyclage), que des logiciels et serveurs utilisés, des flux de données, de leur archivage et de la consommation électrique engendrée (Baillot et al., 2022). La « sobriété numérique » (Bordage, 2019) implique une remise en question profonde de nos pratiques à travers une nouvelle compétence, la « littératie de la sobriété numérique » (Descamps et al., 2022).

## 2 Objectifs de l'atelier

Notre atelier associera théorie et pratique et proposera deux variantes aux participants : (a) des notions pour créer un site internet plus écoresponsable en html ; (b) intégrer les suggestions écoresponsables concrètes sur une structure déjà existante ou un blog hypothèse.

### 2.1 Redéfinir les objectifs d'un site internet en se limitant à l'essentiel

Les objectifs initiaux – à savoir diffuser des informations de qualité, optimiser le site pour qu'il apparaisse dans les résultats des moteurs de recherches, assurer facilement sa maintenance et sa sécurité – n'incluaient pas les éventuelles difficultés d'accès ou de lecture de certains individus. Il faut désormais garantir une « inclusion numérique » (Pinède, 2018) aussi complète que possible : l'accessibilité pour toutes et tous, sur différents appareils, mais surtout avec des connexions internet plus lentes (dans des zones rurales dites « blanches », des pays du Sud global touchés par la fracture numérique) mais aussi malgré différentes situations de handicaps visuels (à travers les choix de couleur, les fontes de caractères).

3. Équivalent d'Humanistica dans l'espace germanophone.

<footnote n="1">1. https://fr.hypotheses.org.</footnote>

<footnote n="2">2. https://dhd-greening.github.io.</footnote>
<figure><img src="image_2.png" /><figcaption>(a) Image sans modification (De Decker et al., 2018).</figcaption></figure>

<figure><img src="image_3.png" /><figcaption>(b) Image après *dithering* (De Decker et al., 2018).</figcaption></figure>

<caption>FIGURE 1 – Exemple de *dithering*.</caption>

## 2.2 S'interroger sur les possibilités techniques existantes et leur coût écologique

Où se positionner entre les surenchères du *maximal computing* et les propositions parfois radicales du *minimal computing* (Baillot et al., 2022; Risam et Gil, 2022)? Faut-il choisir un site statique (de type Github), un site dynamique (de type WordPress) ou une solution hybride? Le site internet statique recourt à des pages web enregistrées sur un serveur tandis qu'un site dynamique va générer les pages web à chaque consultation, nécessitant plus de puissance de calcul, plus de temps d'affichage et donc plus d'énergie (De Decker et al., 2018). Un site dynamique peut toutefois être optimisé grâce au chargement différé (*lazy loading*) qui permet d'identifier les ressources d'une page et de ne les charger qu'au moment où elles sont nécessaires (Baillot et al., 2022). Le choix du serveur est également déterminant : la *Green Web Foundation* 4 dresse l'inventaire d'hébergeurs verts suivant les pays.

## 2.3 Présenter des mesures écoresponsables concrètes

Chercheuses et chercheurs ne pourront qu'adopter des mesures concrètes, faciles et rapides à mettre en œuvre. Il importe tout d'abord de repenser la place et la fonction des images qui représentent environ 50% par site internet 5. Faut-il nécessairement réduire la résolution des images ? Utiliser le format WebP au lieu de JPEG et de PNG permettrait déjà de réduire de 25 à 35% la taille des fichiers (Baillot et al., 2022).

Cette démarche peut aussi être appliquée aux nombreuses vidéos – enregistrements de conférences ou de visioconférences, consultées en dif-féré. La plupart des logiciels de visioconférence proposant en effet d'enregistrer. Comment traiter ces données dont l'intérêt est réel mais l'archi-vage pérenne problématique ? Convertir en fichiers audio ? Utiliser les solutions *nearline* (Kilbride, 2021) ?

## 2.4 Inventer de nouvelles esthétiques

Des polices de caractères sans serif comme Verdana ou Trébuchet sont à la fois plus simples à lire et requièrent moins de pixels pour être affichées (Baillot et al., 2022). Des réticences pourraient apparaître du fait de certaines limitations et d'une sobriété jugée excessive. Or, ces différentes contraintes peuvent aussi stimuler la créativité. La technique du *dithering* en est un bon exemple. Elle permet d'alléger les fichiers qui n'auraient qu'une fonction décorative et permet de créer une esthétique différente en se limitant à certaines couleurs (Figures 1a et 1b).

Le résultat final reste engageant (Figure 2).

<figure><img src="image_4.png" /><figcaption>FIGURE 2 – Exemple d’un site basse consommation 6.</figcaption></figure>

<footnote n="4">4. https://www.thegreenwebfoundation.org/tools/directory.</footnote>

<footnote n="5">5. https://httparchive.org/reports/state-of-images.</footnote>
<figure><img src="image_2.png" /><figcaption>(a) Image sans modification (De Decker et al., 2018).</figcaption></figure>

<figure><img src="image_3.png" /><figcaption>(b) Image après *dithering* (De Decker et al., 2018).</figcaption></figure>

<caption>FIGURE 1 – Exemple de *dithering*.</caption>

## 2.2 S'interroger sur les possibilités techniques existantes et leur coût écologique

Où se positionner entre les surenchères du *maximal computing* et les propositions parfois radicales du *minimal computing* (Baillot et al., 2022; Risam et Gil, 2022)? Faut-il choisir un site statique (de type Github), un site dynamique (de type WordPress) ou une solution hybride? Le site internet statique recourt à des pages web enregistrées sur un serveur tandis qu'un site dynamique va générer les pages web à chaque consultation, nécessitant plus de puissance de calcul, plus de temps d'affichage et donc plus d'énergie (De Decker et al., 2018). Un site dynamique peut toutefois être optimisé grâce au chargement différé (*lazy loading*) qui permet d'identifier les ressources d'une page et de ne les charger qu'au moment où elles sont nécessaires (Baillot et al., 2022). Le choix du serveur est également déterminant : la *Green Web Foundation*<fnref n="4" /> dresse l'inventaire d'hébergeurs verts suivant les pays.

## 2.3 Présenter des mesures écoresponsables concrètes

Chercheuses et chercheurs ne pourront qu'adopter des mesures concrètes, faciles et rapides à mettre en œuvre. Il importe tout d'abord de repenser la place et la fonction des images qui représentent environ 50% par site internet<fnref n="5" />. Faut-il nécessairement réduire la résolution des images ? Utiliser le format WebP au lieu de JPEG et de PNG permettrait déjà de réduire de 25 à 35% la taille des fichiers (Baillot et al., 2022).

Cette démarche peut aussi être appliquée aux nombreuses vidéos – enregistrements de conférences ou de visioconférences, consultées en dif-féré. La plupart des logiciels de visioconférence proposant en effet d'enregistrer. Comment traiter ces données dont l'intérêt est réel mais l'archi-vage pérenne problématique ? Convertir en fichiers audio ? Utiliser les solutions *nearline* (Kilbride, 2021) ?

## 2.4 Inventer de nouvelles esthétiques

Des polices de caractères sans serif comme Verdana ou Trébuchet sont à la fois plus simples à lire et requièrent moins de pixels pour être affichées (Baillot et al., 2022). Des réticences pourraient apparaître du fait de certaines limitations et d'une sobriété jugée excessive. Or, ces différentes contraintes peuvent aussi stimuler la créativité. La technique du *dithering* en est un bon exemple. Elle permet d'alléger les fichiers qui n'auraient qu'une fonction décorative et permet de créer une esthétique différente en se limitant à certaines couleurs (Figures 1a et 1b).

Le résultat final reste engageant (Figure 2).

<figure><img src="image_4.png" /><figcaption>FIGURE 2 – Exemple d’un site basse consommation⁶.</figcaption></figure>

<footnote n="4">4. https://www.thegreenwebfoundation.org/tools/directory.</footnote>

<footnote n="5">5. https://httparchive.org/reports/state-of-images.</footnote>
Bibliographie

Anne Baillot, James Baker, Jenny Bunn, Alex Cline, Michael Faerber, Charlotte Feidicker, Josephine Le-thbridge, Matthew McConkey, John Moore, Chris-topher Ohge, Torsten Roeder, Martin Steer, Jo Lind-say Walton Walton, et Elizabeth Williamson. 2022. The digital humanities climate coalition toolkit.

Frédéric Bordage. 2019. Sobriété numérique. *Les clés pour agir*. Buchet-Chastel, Paris.

Kris De Decker, Marie Otsuka, et Roel Roscam Abbing. 2018. Comment créer un site web basse technologie. *Low Tech Magazine*.

Sarah Descamps, Gaëtan Temperman, et Bruno de Lièvre. 2022. Vers une éducation à la sobriété numérique. *Humanités numériques*, 5.

William Kilbride. 2021. Digital preservation and climate change: Provocation to and from cop26. *Digital Preservation Coalition*.

Aurèle Nicolet et Basma Makhlouf Shabou. 2021. Coûts écologiques de nos pratiques archivistiques. *Comma*, 2021(2):399-415.

Nathalie Pinède. 2018. Penser le numérique au prisme des situations de handicap : enjeux et paradoxes de l'accessibilité. *Tic & société*, 12(2):9-43.

Roopika Risam et Alex Gil. 2022. Introduction: The questions of minimal computing. *Digital Humanities Quarterly*, 16(2).

Caroline Sauvajol-Rialland. 2014. Infobésité, gros risques et vrais remèdes. *L'Expansion Management Review*, N° 152(1):110-118.

<footnote n="6">6. ttps://solar.lowtechmagazine.com/fr/
2018/09/how-to-build-a-low-tech-website.</footnote>
Bibliographie

Anne Baillot, James Baker, Jenny Bunn, Alex Cline, Michael Faerber, Charlotte Feidicker, Josephine Le-thbridge, Matthew McConkey, John Moore, Chris-topher Ohge, Torsten Roeder, Martin Steer, Jo Lind-say Walton Walton, et Elizabeth Williamson. 2022. The digital humanities climate coalition toolkit.

Frédéric Bordage. 2019. *Sobriété numérique. Les clés pour agir*. Buchet-Chastel, Paris.

Kris De Decker, Marie Otsuka, et Roel Roscam Abbing. 2018. Comment créer un site web basse technologie. *Low Tech Magazine*.

Sarah Descamps, Gaëtan Temperman, et Bruno de Lièvre. 2022. Vers une éducation à la sobriété numérique. *Humanités numériques*, 5.

William Kilbride. 2021. Digital preservation and climate change: Provocation to and from cop26. *Digital Preservation Coalition*.

Aurèle Nicolet et Basma Makhlouf Shabou. 2021. Coûts écologiques de nos pratiques archivistiques. *Comma*, 2021(2):399-415.

Nathalie Pinède. 2018. Penser le numérique au prisme des situations de handicap : enjeux et paradoxes de l'accessibilité. *Tic & société*, 12(2):9-43.

Roopika Risam et Alex Gil. 2022. Introduction: The questions of minimal computing. *Digital Humanities Quarterly*, 16(2).

Caroline Sauvajol-Rialland. 2014. Infobésité, gros risques et vrais remèdes. *L'Expansion Management Review*, N° 152(1):110-118.

<footnote n="6">6. ttps://solar.lowtechmagazine.com/fr/
2018/09/how-to-build-a-low-tech-website.</footnote>