Reach

Grow

Manage

Automate

Reach

Grow

Manage

Automate

L'importanza della dimensione dei file email

Uccello

27 ago 2018

Email

1 min read

L'importanza della dimensione dei file email

Uccello

27 ago 2018

Email

1 min read

L'importanza della dimensione dei file email

Quando si parla di dimensioni dei file nelle email, stiamo davvero parlando di 3 argomenti: la dimensione del file HTML inviato, la dimensione delle risorse esterne e la dimensione completamente caricata. Vogliamo mantenere tutte queste dimensioni dei file il più piccole possibile, ma quali sono le dimensioni massime e a cosa dovremmo mirare?

Dimensione del file HTML

La dimensione del file HTML è la dimensione del file .html che viene effettivamente inviato. Questa dimensione del file non include la dimensione delle immagini incluse, poiché queste sarebbero collegate da questo file html e scaricate quando aperte.

La dimensione massima che consigliamo è 100KB, poiché qualsiasi dimensione superiore può portare a problemi di consegna e visualizzazione. Ad esempio, Gmail taglierà il tuo html a 102KB. Il taglio nasconderà la fine della tua email e può rompere il layout. Anche la gestione delle email da parte di Gmail ha altre considerazioni, come l'impatto del prefetching delle immagini sul tracciamento delle email.

La maggior parte delle email dovrebbe facilmente essere sotto i 50KB. Tuttavia, a volte miglioramenti progressivi complessi o una grande quantità di contenuti di campagna risultano in una dimensione del file maggiore. Se ciò accade, ci sono diversi modi per aiutare a ridurre la dimensione del file HTML.

  • Pulisci il tuo codice. L'email è in continua evoluzione e vediamo molti modelli con codice obsoleto. Una rapida pulizia può risparmiare alcuni KB.

  • Non esagerare con il codice. Alcuni modelli che vediamo hanno codice extra che semplicemente non è necessario. Per una guida su come creare modelli efficienti, vedi la nostra guida su modelli email avanzati. Il peggior colpevole è aggiungere elementi di tabella aggiuntivi. La maggior parte dei layout può essere realizzata con 5-10 tabelle, ma spesso vediamo codice con 30-40 tabelle. Meno tabelle hanno anche il vantaggio aggiunto di rendere il tuo codice più facile da leggere.

  • Sposta alcuni codici da HTML a CSS. Non è ancora sicuro spostare tutti i tuoi stili in CSS, ma se fatto correttamente, spostare alcuni stili in linea negli stili incorporati può aiutare a ridurre il codice.

  • Semplifica il tuo design. Un'altra opzione è tornare alla fase di design. Le email a singola colonna utilizzano molto meno codice.

  • Minimizza il tuo codice. Minimizzare il codice rimuoverà spazi e commenti non necessari. Questo può avere un enorme effetto, ma fai attenzione poiché molti ESP impongono una lunghezza massima della linea che potrebbe forzare una nuova linea e rompere il codice.

Dimensioni degli Asset Esterni

La dimensione dell'asset esterno è la dimensione di tutte le tue immagini e fogli di stile esterni. Poiché le dimensioni esterne sono rare, ci concentreremo di più sulle immagini per il momento.

Se stai utilizzando immagini di sfondo e media query, è possibile che in determinati ambienti non tutto venga scaricato per ogni utente. Ma, ricorda che anche se definisci display:none;  su un elemento <img>, verrà comunque scaricato. Al momento non c'è modo di evitare questo.

La dimensione massima per la maggior parte delle immagini è di 100KB, ma se hai un'immagine ad alta risoluzione o una gif animata, potrebbe arrivare fino a 500KB. Comprendere i problemi di prestazioni delle email richiede spesso la lettura delle intestazioni delle email per la risoluzione dei problemi. Tuttavia, è più una questione delle dimensioni totali, che tratteremo nella sezione sulla dimensione completa delle email caricate.

Ci sono molte risorse disponibili per aiutare con la compressione delle dimensioni delle immagini:

  • ImageOptim – su Mac, o come servizio web

  • Caesium – su Windows

  • CDN –  Molti CDN hanno l'ottimizzazione delle immagini integrata. Alcuni addirittura adattano la compressione a seconda della larghezza di banda disponibile.

Ecco alcuni altri consigli che raccomandiamo:

  • Assicurati di utilizzare il formato più appropriato, .jpg per le foto, .gif per la grafica e .png quando hai bisogno di canali alfa.

  • Semplifica il tuo design. Torna di nuovo alla fase di progettazione per utilizzare meno immagini, immagini più piccole o immagini più semplici che possono essere compresse a dimensioni inferiori.

La dimensione dell'asset esterno è la dimensione di tutte le tue immagini e fogli di stile esterni. Poiché le dimensioni esterne sono rare, ci concentreremo di più sulle immagini per il momento.

Se stai utilizzando immagini di sfondo e media query, è possibile che in determinati ambienti non tutto venga scaricato per ogni utente. Ma, ricorda che anche se definisci display:none;  su un elemento <img>, verrà comunque scaricato. Al momento non c'è modo di evitare questo.

La dimensione massima per la maggior parte delle immagini è di 100KB, ma se hai un'immagine ad alta risoluzione o una gif animata, potrebbe arrivare fino a 500KB. Comprendere i problemi di prestazioni delle email richiede spesso la lettura delle intestazioni delle email per la risoluzione dei problemi. Tuttavia, è più una questione delle dimensioni totali, che tratteremo nella sezione sulla dimensione completa delle email caricate.

Ci sono molte risorse disponibili per aiutare con la compressione delle dimensioni delle immagini:

  • ImageOptim – su Mac, o come servizio web

  • Caesium – su Windows

  • CDN –  Molti CDN hanno l'ottimizzazione delle immagini integrata. Alcuni addirittura adattano la compressione a seconda della larghezza di banda disponibile.

Ecco alcuni altri consigli che raccomandiamo:

  • Assicurati di utilizzare il formato più appropriato, .jpg per le foto, .gif per la grafica e .png quando hai bisogno di canali alfa.

  • Semplifica il tuo design. Torna di nuovo alla fase di progettazione per utilizzare meno immagini, immagini più piccole o immagini più semplici che possono essere compresse a dimensioni inferiori.

La dimensione dell'asset esterno è la dimensione di tutte le tue immagini e fogli di stile esterni. Poiché le dimensioni esterne sono rare, ci concentreremo di più sulle immagini per il momento.

Se stai utilizzando immagini di sfondo e media query, è possibile che in determinati ambienti non tutto venga scaricato per ogni utente. Ma, ricorda che anche se definisci display:none;  su un elemento <img>, verrà comunque scaricato. Al momento non c'è modo di evitare questo.

La dimensione massima per la maggior parte delle immagini è di 100KB, ma se hai un'immagine ad alta risoluzione o una gif animata, potrebbe arrivare fino a 500KB. Comprendere i problemi di prestazioni delle email richiede spesso la lettura delle intestazioni delle email per la risoluzione dei problemi. Tuttavia, è più una questione delle dimensioni totali, che tratteremo nella sezione sulla dimensione completa delle email caricate.

Ci sono molte risorse disponibili per aiutare con la compressione delle dimensioni delle immagini:

  • ImageOptim – su Mac, o come servizio web

  • Caesium – su Windows

  • CDN –  Molti CDN hanno l'ottimizzazione delle immagini integrata. Alcuni addirittura adattano la compressione a seconda della larghezza di banda disponibile.

Ecco alcuni altri consigli che raccomandiamo:

  • Assicurati di utilizzare il formato più appropriato, .jpg per le foto, .gif per la grafica e .png quando hai bisogno di canali alfa.

  • Semplifica il tuo design. Torna di nuovo alla fase di progettazione per utilizzare meno immagini, immagini più piccole o immagini più semplici che possono essere compresse a dimensioni inferiori.

Dimensione Email Completamente Caricata

Questa è la dimensione complessiva di tutto quando l'email viene aperta e tutto viene scaricato. Questo può variare a seconda dell'ambiente in cui l'email viene aperta.

Il problema principale qui è il tempo necessario per caricare l'email. Probabilmente testerai le tue email in un ufficio con una connessione molto veloce, ma molti dei tuoi destinatari potrebbero essere su dispositivi mobili con una connessione 3G lenta.

Su una buona connessione, una dimensione totale dell'email di 1mb si caricherebbe in una frazione di secondo e sembrerebbe istantanea per l'utente. Tuttavia, su una connessione 3G potrebbe richiedere tra 2 e 14 secondi per caricare l'intera email. E se il tuo pubblico target è probabilmente su una connessione 2G, quel download potrebbe richiedere un paio di minuti. Quando le email si caricano lentamente, compelling subject lines diventano ancora più critiche per l'engagement.

Questo è anche un problema potenziale per gli utenti con piani dati restrittivi che devono considerare ogni MB che scaricano. Ciò è particolarmente una considerazione nei paesi in via di sviluppo.

Alcune cose che puoi fare per aiutare:

Innanzitutto, guarda tutte le raccomandazioni che abbiamo menzionato riguardo all'ottimizzazione della dimensione dell'html e delle immagini.
Se hai il tempo, è sempre utile sperimentare con il codice e testare ciò che è realmente necessario e ciò che puoi omettere. Sperimenta con le immagini e prova modi diversi per comprimerle. Assicurati che la tua email abbia un aspetto buono e abbia senso senza immagini, così i tuoi utenti possono iniziare a guardare la tua email mentre aspettano le immagini.

Putting it All Together

Con le dimensioni dei file, come con molte cose, tutto si riduce a un compromesso. Potresti eseguire alcuni test A/B e scoprire che immagini di grandi dimensioni ad alta risoluzione funzionano bene. Potresti scoprire che molti contenuti dettagliati funzionano bene. Potresti scoprire che un'interattività complessa funziona bene. Tuttavia, quando metti tutti e tre in una singola campagna, potresti vedere che le cose iniziano a funzionare male. I problemi di prestazioni delle email possono anche derivare da problemi di recapito come errori di battitura negli indirizzi email.

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

Azienda

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

Azienda

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

R

Raggiungi

G

Grow

M

Manage

A

Automate

Azienda

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.