29. Ottimizza i file multimediali
Perché è importante?
I file multimediali di grandi dimensioni occupano più spazio di archiviazione e richiedono più energia durante il trasferimento dei dati. Questo perché più grande è il file, più dati devono essere trasferiti, il che consuma più energia. Inoltre, i data center che archiviano e gestiscono questi file richiedono più energia per funzionare e raffreddare i server.
Oltre alle decisioni prese dai progettisti o dai responsabili di prodotto sull'uso dei contenuti multimediali, se si è deciso che questi aggiungono valore, esistono comunque modi per ridurre significativamente le dimensioni dei file visualizzati.
Cosa posso fare?
-
Comprimere i file per ridurne le dimensioni senza una perdita evidente di qualità
-
Utilizzare immagini vettoriali (SVG) o illustrazioni
-
Utilizzare CSS, pittogrammi e icone (forniti da font web o standard) anziché GIF, PNG, JPEG, ecc. Se non è possibile, considerare WebP o Avif come le opzioni migliori per le immagini.
-
Ridimensionare le immagini utilizzando un CMS o manualmente (non nel browser) per ridurne le dimensioni e fornirle nella dimensione appropriata per ciascun dispositivo
-
Collaborare con il team di sviluppo per implementare un flusso di lavoro di ottimizzazione automatica al momento del caricamento che includa il ridimensionamento, la compressione e la conversione delle immagini
-
Combinare i file CSS per ridurre il numero di richieste HTTP
Cose da considerare
-
🧑💰 Utilizzo efficiente dei data center e dei server per operazioni più ecologiche
-
🧑 Prestazioni dei prodotti ottimizzate, come dimostra la riduzione dei tempi di caricamento
-
💰 Ottimizzazione che porta a una riduzione delle spese per il cloud
Che aspetto ha il successo?
Si consiglia di eseguire test su più dispositivi e a diverse velocità di connessione per individuare il giusto equilibrio tra qualità e riduzione delle dimensioni. Ciò garantisce che l'iniziativa non influisca negativamente sull'esperienza dell'utente, poiché è possibile riscontrare problemi di compatibilità durante i test sui browser, sui dispositivi e sui sistemi operativi meno recenti.
Nuove pratiche ed esperimenti, come Rivista Branch , dimostrano come ottimizzare i media. Branch modifica lo stile e le immagini in base alla pulizia dell'energia nel Regno Unito in un dato momento.