27. Riduci il peso e la complessità della pagina
Perché è importante?
Il peso delle pagine è aumentato enormemente nell'ultimo decennio, con implicazioni significative sia per gli utenti sia per l'ambiente. Tra il 2014 e il 2024, la dimensione mediana delle pagine desktop è cresciuta del 120% (un aumento di 1,4 MB), mentre quella delle pagine mobili è aumentata del 357% (1,8 MB in più). Le immagini sono il fattore che contribuisce maggiormente al peso delle pagine.
Queste dimensioni gonfiate delle pagine hanno gravi conseguenze. Le pagine più pesanti aumentano l'utilizzo della CPU e l'obsolescenza, contribuendo a un maggiore consumo energetico e alle emissioni di carbonio. Inoltre, aggravano la disuguaglianza digitale, influenzando in modo sproporzionato gli utenti con dispositivi più vecchi o connessioni Internet più lente.
Cosa posso fare?
-
Rimuovere il codice non necessario o inutilizzato (script, framework e plugin) e limitarne l'uso
-
Rimuovere i moduli duplicati nei bundle JavaScript
-
Ridurre l'impatto delle terze parti (controllare Costruito con e I miei terzi sono ecologici?)
-
Evitare lo scorrimento infinito e i caroselli. Preferire l'impaginazione e le opzioni "carica altro".
-
Utilizzare il caricamento lento per ridurre gli elementi scaricati
-
Utilizzare il ricaricamento parziale di elementi specifici (anziché dell'intera pagina)
-
Utilizzare font sistema, standard o web-safe per evitare download
-
Utilizzare colori e temi più scuri (meno energivori su OLED)
-
Comunicare in modi che non si basino solo sul colore, sia per la sostenibilità che per l'accessibilità
-
Ridurre al minimo il numero di passaggi necessari agli utenti per completare le attività
-
Considerare la possibilità di progettare in modo da supportare dispositivi più vecchi e velocità più basse come preferenza, quando si progetta per l'inclusività. Creare KPI che affrontino le prestazioni nelle condizioni "peggiori"
-
Utilizzare l'elaborazione asincrona per ottimizzare l'energia e le prestazioni
-
Preferire l'input assistito al completamento automatico per ridurre le chiamate al server non necessarie
-
Utilizzare linguaggi di programmazione e framework aggiornati per una maggiore efficienza
-
Preferire formati di pagina statici
Cose da considerare
-
🧑 Prestazioni ottimizzate del prodotto, dimostrate da tempi di caricamento più rapidi
-
🧑💰 Riduzione dei costi di manutenzione, grazie a una progettazione e un'esecuzione efficienti
-
💰 Ottimizzazione che porta a una riduzione delle spese per il cloud
Che aspetto ha il successo?
Ti invitiamo a controllare e ottimizzare regolarmente le risorse del sito web o dell'app. Queste considerazioni e miglioramenti ambientali e prestazionali diventeranno parte integrante del modo di lavorare dei team interfunzionali una volta che avrai Includi il pianeta nel tuo brief e Scegliete le metriche giuste . La formazione sarà fondamentale per la tua organizzazione e per i tuoi team di prodotto, per continuare a scoprire le migliori pratiche da applicare. Per questo, non c'è niente di meglio che Organizzare conferenze, sensibilizzare l'opinione pubblica e promuovere la formazione e Istituire un gruppo di lavoro sul clima. E non dimenticare l'inclusività del sistema: progetta per dispositivi più vecchi, connessioni più lente e chiediti se le funzionalità richiedono davvero una connessione Internet.