Il settore digitale è responsabile di circa il 3,7% delle emissioni globali di CO₂, una cifra paragonabile a quella dell'aviazione civile (fonte: Shift Project, 2023). Eppure, a differenza degli aerei, i siti web possono essere radicalmente ottimizzati per consumare meno energia.

Cos'è il web design sostenibile?

Il web design sostenibile è un approccio progettuale che mette al centro la riduzione dell'impatto ambientale del sito, senza sacrificare l'esperienza utente. Si tratta di fare scelte consapevoli su ogni aspetto del progetto: hosting, immagini, codice, font, struttura delle pagine.

I 5 pilastri del web sostenibile

  1. Hosting green: server alimentati al 100% da energie rinnovabili
  2. Immagini ottimizzate: formato WebP/AVIF, dimensioni corrette, lazy loading
  3. Codice leggero: nessuna libreria superflua, CSS e JS minimizzati
  4. Font di sistema: riduzione del numero di richieste HTTP
  5. Architettura snella: meno pagine, meno richieste, meno dati trasferiti

Come misurare l'impatto del tuo sito

Lo strumento più semplice è Website Carbon Calculator, che utilizza il Sustainable Web Design Model v4 (2024). Inserisci l'URL del tuo sito e ottieni subito una stima dei grammi di CO₂ prodotti per ogni visita.

I benchmark di riferimento (2024)

  • Sito web tradizionale: in media circa 0,5 g CO₂ per pagina visitata
  • Top 10% dei siti (rating A+): meno di 0,10g per pagina
  • Top 1% (élite): meno di 0,05g per pagina
  • Siti WordPress non ottimizzati: tipicamente 1,5–3g per pagina

Il sito che stai leggendo in questo momento, per fare un esempio concreto, ha ottenuto il rating A+ verificato da Website Carbon Calculator ed è posizionato nel top 1% dei siti web più puliti al mondo. Un risultato ottenuto senza framework, senza CDN esterni, senza Google Fonts: solo PHP, HTML semantico, CSS minimale e un unico file JavaScript.

Come ci siamo riusciti: le scelte tecniche

  • Zero dipendenze esterne: niente jQuery, Bootstrap, Tailwind, React. Solo HTML/CSS/JS vanilla.
  • Font self-hosted: nessuna richiesta a Google Fonts. Un solo font in formato WOFF2 servito dal nostro server, e font di sistema per i titoli.
  • Critical CSS inline: il CSS above-the-fold è incluso direttamente nell'HTML, eliminando il render-blocking.
  • Logo ottimizzato: versioni WebP di pochi KB, ridimensionate per ogni schermo e precaricate come risorsa prioritaria.
  • Cache aggressiva: asset statici con header immutable 1 anno.
  • Compressione Brotli/Gzip: HTML, CSS e JS compressi a livello server.
  • Immagini leggere: formato WebP con fallback PNG, dimensioni esatte e lazy loading nativo.

Il risultato? Una pagina che pesa meno di 100 KB totali, si carica in meno di 0,5 secondi e ottiene il rating A+ su Website Carbon Calculator. Nel top 1% dei siti più puliti al mondo.