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?
Business in a box.
Scopri le nostre soluzioni.
Parla con il nostro team di vendita
Dimensione del file HTML
La dimensione del file HTML è la dimensione del file .html che viene effettivamente inviato. Questa dimensione del file non include le dimensioni delle immagini incluse, poiché queste sarebbero collegate da questo file html e scaricate all'apertura.
La dimensione massima che consigliamo è di 100KB, poiché qualsiasi cosa superiore può causare problemi di consegna e visualizzazione. Ad esempio, Gmail troncherà il tuo html a 102KB. Troncamento nasconderà la fine del tuo email e può rompere il layout.
La maggior parte delle email dovrebbe facilmente essere inferiore a 50KB. Tuttavia, a volte miglioramenti progressivi complessi o una grande quantità di contenuto della campagna comportano una dimensione del file più grande. Se ciò accade, ci sono diversi modi per aiutare a ridurre la dimensione del file HTML.
Pulisci il tuo codice. L'email è in costante cambiamento e vediamo molti modelli con codice obsoleto. Una rapida pulizia può salvare alcuni KB.
Non esagerare con il codice. Alcuni modelli che vediamo hanno codice extra che semplicemente non è necessario. Il peggior colpevole è l'aggiunta di elementi di tabella aggiuntivi. La maggior parte dei layout può essere ottenuta 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 un po' di codice da HTML a CSS. Non è ancora sicuro spostare tutti i tuoi stili su CSS, ma se fatto correttamente, spostare alcuni stili inline a stili incorporati può aiutare a ridurre il codice.
Semplifica il tuo design. Un'altra opzione è tornare alla fase di progettazione. Le email a colonna singola usano molto meno codice.
Minimizza il tuo codice. Minimizzare il codice eliminerà spazi e commenti non necessari. Questo può avere un effetto enorme, ma fai attenzione poiché molti servizi ESP impongono una lunghezza massima della linea che potrebbe forzare una nuova linea e rompere il codice.
Dimensioni degli Asset Esterni
Dimensione Email Completamente Caricata
Questa è la dimensione combinata 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 connessioni 3G lente.
Con una buona connessione, una email di dimensione totale di 1mb si caricherebbe in una frazione di secondo e sembrerebbe istantanea per l'utente. Tuttavia, su una connessione 3G potrebbe impiegare tra 2 e 14 secondi per caricare l'intera email. E, se il tuo pubblico target è probabile che sia su una connessione 2G, quel download potrebbe richiedere un paio di minuti.
Questo è anche un potenziale problema per gli utenti con piani dati restrittivi che devono considerare ogni MB che scaricano. Questa è una considerazione particolare nelle nazioni in via di sviluppo.
Un paio di cose che puoi fare per aiutare:
In primo luogo, guarda tutte le raccomandazioni che abbiamo menzionato riguardo all'ottimizzazione della dimensione di html e immagini.
Se hai tempo, è sempre bene sperimentare con il codice e testare ciò che è realmente necessario e ciò che puoi lasciare fuori. Sperimenta con le immagini e prova diversi modi per comprimerle. Assicurati che la tua email abbia un buon aspetto e abbia senso anche senza immagini, in modo che i tuoi utenti possano iniziare a guardare la tua email mentre aspettano le immagini.
Putting it All Together
Con le dimensioni dei file, come con molte altre cose, si tratta di compromesso. Potresti fare dei test A/B e scoprire che le immagini grandi ad alta risoluzione funzionano bene. Potresti scoprire che un sacco di contenuti dettagliati funzionano bene. Potresti scoprire che l'interattività complessa funziona bene. Tuttavia, quando metti tutti e tre in una singola campagna, potresti vedere che le cose iniziano a funzionare male.
