7 best practices per creare siti web sostenibili

Pubblicato: 2019-04-20

La rete. La nuvola. È facile pensarli come concetti virtuali. Dopotutto, la nostra connessione con loro è in gran parte invisibile.

Ma i dati che continuiamo a trasmettere tutto il giorno vengono raccolti, elaborati, archiviati e scambiati in vasti data center in tutto il mondo. I supercomputer che li alimentano funzionano costantemente e spesso si surriscaldano. A loro volta, sono raffreddati da giganteschi sistemi di raffreddamento alimentati dall'elettricità. Pochi di loro funzionano con energia verde.

Collettivamente, il web rappresenta il 2% di tutte le emissioni di gas serra. Ciò equivale all'industria aeronautica globale e lo stesso della Germania, il sesto paese più inquinante al mondo.

Ogni volta che qualcuno apre una singola pagina web, emette 20 milligrammi di CO2 al secondo. Per i siti più complessi, questo può arrivare fino a 300 milligrammi.

Al momento, ci sono circa 3,5 miliardi di utenti web in tutto il mondo. Ma con la popolazione mondiale in costante aumento e sempre più persone che accedono a Internet, la quantità di computer e data center è destinata ad aumentare notevolmente.

Non ho bisogno di spiegare cosa significa per il nostro pianeta.

Quindi cosa possiamo fare al riguardo?

Creazione di siti web ad alta efficienza energetica

La dimensione media di una pagina web oggi è 1711,4kb. Con il trasferimento di più dati, la nostra impronta di carbonio è naturalmente aumentata.

“Come designer e sviluppatori, tutti noi abbiamo il potere di ridurre il consumo energetico e l'impatto ambientale del web progettando siti web più efficienti dal punto di vista energetico. "

In qualità di designer, sviluppatori e creatori di siti sul Web, abbiamo l'opportunità di ridurre questo impatto. Esistono diverse aree chiave in cui possiamo apportare modifiche piccole ma significative e tutto ciò che serve sono alcune modifiche ai nostri flussi di lavoro.

Per creare siti Web sostenibili ed efficienti dal punto di vista energetico, segui queste best practice:

  1. Ottimizza le immagini per ridurre le dimensioni del file.
  2. Sii strategico con i video.
  3. Usa il caricamento lento per immagini e media.
  4. Imposta la memorizzazione nella cache web.
  5. Elimina ciò che non ti serve.
  6. Migliora la navigazione del sito per facilitare la ricerca delle informazioni.
  7. Usa un host web verde.

1. Ottimizza le immagini per ridurre le dimensioni del file

Le immagini ad alta risoluzione sono fantastiche su un sito Web, ma sono anche uno dei maggiori oneri per il tempo di caricamento e il consumo di energia.

Fortunatamente, ridurre le immagini è uno dei modi più semplici per alleggerire il carico. Sii esigente con le immagini che includi. Hanno uno scopo o sono semplicemente belli? Usa solo le immagini di cui hai veramente bisogno e riduci la loro risoluzione e qualità dell'immagine il più possibile. Quindi usa uno strumento come TinyPNG o WP Smush Pro prima di caricarli sul sito.


2. Sii strategico con i video

C'è solo una cosa peggiore delle immagini quando si tratta di prestazioni ed efficienza di un sito web. E questo è video.

Ma l'uso del video è esploso negli ultimi anni, poiché è così efficace per il coinvolgimento e per catturare la nostra capacità di attenzione decrescente.

Ci sono alcune cose che puoi fare per ridurre al minimo il suo impatto negativo. Ancora una volta, limita i video sul tuo sito a ciò che è assolutamente necessario e usa la risoluzione più bassa possibile. Incorporali direttamente nel tuo sito e non impostarli per la riproduzione automatica. Pensa davvero se hai bisogno di uno sfondo video o meno.


3. Usa il caricamento lento per immagini e media

Il caricamento lento significa caricare immagini e altri media solo se necessario. Tutto above the fold si carica istantaneamente quando un utente atterra sulla pagina, ma il resto appare solo mentre scorre verso il basso. Quindi, se un utente non scorre fino in fondo, non tutte le immagini devono essere caricate.

Ciò consente di risparmiare sul consumo di energia e aiuta i siti Web a caricarsi più rapidamente, il che è un ulteriore vantaggio per il tuo SEO.


4. Configura la memorizzazione nella cache web

La memorizzazione nella cache comporta il download di elementi di pagina condivisi, come JavaScript, CSS e immagini, e la loro memorizzazione più vicino all'utente. Quando l'utente rivisita la pagina, può recuperare questi dati dalla posizione della cache invece di interrogare nuovamente il server web.

Ciò migliora le prestazioni di un sito Web e riduce al minimo il trasferimento di dati. Consulta questa guida per ulteriori informazioni sulla memorizzazione nella cache e su come configurarla.


5. Elimina ciò che non ti serve

Effettua periodicamente una pulizia di primavera del tuo sito web ed elimina tutto ciò che non stai utilizzando. Ciò include temi e plug-in indesiderati, revisioni di vecchi post, media inutilizzati, categorie e tag, commenti di spam, collegamenti interrotti, ecc. Più il tuo sito è snello, meno energia consuma.


6. Migliora la navigazione del sito per facilitare la ricerca delle informazioni

Un grande sito ingombrante con una struttura di navigazione poco chiara confonderà e infastidirà i tuoi utenti. Ma questo non è l'unico aspetto negativo. Aumenta anche la quantità di tempo che le persone trascorrono facendo clic sul sito cercando di trovare le informazioni di cui hanno bisogno.

Dedica un po' di tempo a pensare alle persone del pubblico e alle loro esigenze e imposta una struttura di navigazione chiara e logica in modo che i visitatori possano comprimere direttamente i bit che desiderano.


7. Scegli un host web verde

Con server, data center e sistemi di raffreddamento che consumano elettricità, trovare un'azienda che utilizzi energia rinnovabile è molto importante per ridurre al minimo l'impatto ambientale del tuo sito web.

L'hosting web ecologico sta ancora trovando i suoi piedi e trovare un host che combini solide prestazioni, un buon supporto clienti e utilizzi energia rinnovabile può essere una sfida. Molte società di hosting non gestiscono i propri data center, il che significa che hanno meno controllo su come vengono eseguiti quei server.

Una cosa che puoi cercare, tuttavia, è un provider di hosting che ha collaborato con Google Cloud Platform (GCP). Google abbina il 100% della propria energia consumata con energia rinnovabile e mantiene l'impegno per la neutralità del carbonio. Utilizzando un host WordPress gestito abbinato a GCP, sarai molto più vicino alla creazione di un sito web ecologico e sostenibile!

Cerchi un host con questo requisito? Fai clic qui per saperne di più sulla piattaforma di hosting WordPress gestita da Flywheel basata su GCP.

La riduzione degli impatti ambientali del web richiede uno spostamento fondamentale dell'attenzione nell'intero settore. Tuttavia, implementando queste semplici modifiche, tutti possiamo fare la nostra parte per rendere i siti Web più ecologici. Come bonus aggiuntivo, queste modifiche migliorano anche l'esperienza utente e la SEO di un sito, rendendolo vantaggioso per tutti.

La riduzione degli impatti ambientali del web richiede uno spostamento fondamentale dell'attenzione nell'intero settore. Tuttavia, implementando queste semplici modifiche, tutti possiamo fare la nostra parte per rendere i siti Web più ecologici. Come bonus aggiuntivo, queste modifiche migliorano anche l'esperienza utente e la SEO di un sito, rendendolo vantaggioso per tutti.

Hai qualche ottimo consiglio per progettare siti web sostenibili e ridurre l'impatto ambientale del web? Partecipa alla conversazione qui sotto.


Questo articolo è stato originariamente pubblicato il 4-9-2018. È stato aggiornato l'ultima volta il 17-4-2019.