133 lines
2.6 KiB
Markdown
133 lines
2.6 KiB
Markdown
---
|
|
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 : 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/)
|
|
- « On me bride ma créativité ALED ! »
|
|
- la direction/le client ne veut pas
|
|
- on ne génère pas d'engagement qui [levrage 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 :
|
|
|
|
- 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églages inconnu
|
|
- ne pas exécuter du code non compris
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
## Pour aller plus loin :
|
|
|
|
- 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
|
|
|
|
|
|
|
|
</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
|
|
---
|
|
|
|
À+ 🤙
|