slidev-theme-narduin/pages/eco.md

---
layout: title-image
image: moutain.jpg
text-align: center
---

# <span class="highlight">Sobriété</span> et performances

Utiliser uniquement ce dont on a besoin.

<!--
Autant en terme de fonctionnalités que de ressources.
Exemple T-shirt
-->

---
layout: title-image
image: pinky.jpg
---

# Contexte et législation

- Il n'y a pas (encore) de cadre légal
- Il existe un référentiel officiel&nbsp;: le [Référentiel général d'écoconception de services numériques](https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html) (RGESN) géré par l'ARCOM
- Le RGESN se base en grande partie sur les [115 bonnes pratiques](https://collectif.greenit.fr/ecoconception-web/115-bonnes-pratiques-eco-conception_web.html) du collectif Green-IT.

---
layout: fact
---

# Sobriété

<div v-click>tout simplement.</div>

---
layout: title-image
image: monkey.jpg
---

# Idées reçues

- ça fait des [sites moches…](https://lowww.directory/)
- &laquo;&nbsp;On me bride ma créativité ALED !&nbsp;&raquo;
- la direction/le client ne veut pas
- on ne génère pas d'engagement qui [leverage les K€](https://www.instagram.com/reel/C9KqdlAI-OQ/) pour convertir les KPI 🤯
- c'est cher

<!--
on appelle ça des contraintes, les contraintes stimulent la créativité.
avez-vous demandé et informé ?
OSKOUR
interface simplifiée = interface plus facile/rapide à designer et développer.
-->

---
layout: title-image
image: 'brumm.avif'
---

# Performances

## Leviers

- Images
  - dimensionner correctement
  - compression et conversion (webp, avif)
- Vidéos
  - compression et conversion (webm, av1, h265, vp9)
- Fonts
  - compression et conversion (woff2)
  - subsetting
- Code source
  - minification
  - compression (gzip, brotli)

<!--
squoosh et/ou plugin WP
-->

---
layout: auto-grid
columns: 2
---

# Sécurité

::content::

<div>

## Le strict minimum&nbsp;:

- certificat TLS
- pare feu
- permissions
- mots de passe forts
- authentification à deux facteurs

## Wordpress

- mises à jour régulières
- qualité des plugins
- qualité des thèmes
- ne pas modifier un réglage inconnu
- ne pas exécuter du code non compris

</div>

<div>

## Pour aller plus loin&nbsp;:

- gestionnaire de mots de passe
- outils et services hors <abbr title="Google Amazon Facebook Apple Microsofta">GAFAM</abbr>
- [filigraner](https://filigrane.beta.gouv.fr/) ses documents
- méfiance partout, confiance nulle-part

![](/images/2fa.jpg)

</div>

<!--
De nombreux réglages sont déjà activés. À vous de ne pas faire n'importe quoi avec le backoffice.
-->

---
layout: end
class: text-center
hideInToc: true
---

À+ 🤙