Lezione 14Per andare oltre, alcune pratiche di codifica

Nozione 86

Introduzione alle pratiche di codifica del web eco-design con il progetto di The Good Manager

competenza target

Dai un'occhiata alle pratiche di codifica usate nel progetto di The Good Manager

Il sito web di The Good Manager è stato progettato e sviluppato seguendo i principi di web eco-design. Design e scelte di implementazione sono documentate nella sezione Registro del Progetto (accessibile dal menù). In questa nozione vogliamo mostrarvi alcuni sviluppi di pratiche usate per questa piattaforma che potrebbe essere util eper il web eco-design.

Tracciamento dell'utente

La privacy è la preoccupazione principale e il tracciamento degli utenti consuma risorse a causa della raccolta di dati, l'archiviazione e l'analisi.

Il progetto The Good Manager non traccia i suoi utenti e questo rende il nostro lavoro più semplice per quanto riguard agli obblighi del GDPR, così come l'eliminazione degli scrip di terze parti che rendono la piattaforma più pesante.

Sito web statico

Il sito web di The Good Manager è principalmente composto da contenuti statici, il che significa che non ha bisogno di un server per creare delle pagin eogni volta che u visitatore lo richiede. Le pagine sono create in precedenza in modo tale da ridurre il caricamento del server grazie a Gatsby ( https://www.gatsbyjs.com/ ). Abbiamo bisogno, quindi, solo di funzionalità base di hosting per le pagine statiche per l'approccio low-tech, riducendo così la nostra impronta.

Immagini

Abbiamo usato immagini vettoriali (svg) per ridurre la loro dimensione e ottimizzare la loro visione. Il peso totale delle immagini attualmente è di 26kb, il che è veramente basso.

Secondo le documentazioni di Gatsby, ecco una lista su coe Gatsby può ottimizzare le immagini:

Caricare l'immagine della dimensione giusta per ogni dispositivo e risoluzione dello schermo
Mantenere l'immagine ferma nella sua posizione per evitare che si sposti durante il suo caricamento
Usare il filtro “blur-up” ovvero caricare una piccola versione dell'immagine da mostrare nel mentre che l'immagine intera si carichi
Caricamento dell'immagine lento, il quale riduce la larghezza di banda e la velocità iniziale di caricamento
Usare le immagini WebP, se il browser supporta il formato

Hosting

Questo sito ha come hosting Infomaniak ( https://www.infomaniak.com/en ) il quale ha una politica di energia sostenibile pubblica. Scegliendo un web hosting commerciale invece del self-hosting, abbaimo cercato di trarre vantaggio dalle economie di scala per ridurre la nostra impronta. Con l'essere ospitati in un centro dati eco-friendly By being hosted in an eco-friendly datacenter, speriamo di ridurre il nostro consumo individuale e beneficiare dell'ottimizzazione e della gestione del hardware da parte di professionisti.