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 all'apertura.
La dimensione massima consigliata è di 100KB, poiché oltre potrebbe portare a problemi di consegna e visualizzazione. Ad esempio, Gmail taglierà il tuo html a 102KB. Il ritaglio nasconderà la fine della tua email e potrebbe compromettere il tuo layout.
La maggior parte delle email dovrebbe facilmente rientrare sotto i 50KB. Tuttavia, a volte miglioramenti progressivi complessi o una grande quantità di contenuti della campagna portano a una dimensione del file più grande. Se ciò accade, ci sono diversi modi per aiutare a ridurre la dimensione del tuo file HTML.
Pulisci il tuo codice. Le email sono in continuo cambiamento e vediamo molti modelli con codice obsoleto. Una rapida pulizia può far risparmiare qualche KB.
Non esagerare con il codice. Alcuni modelli che vediamo hanno codice extra che non è semplicemente necessario. Il colpevole peggiore è 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ù leggibile.
Sposta parte del codice da HTML a CSS. Non è ancora sicuro spostare tutti i tuoi stili in CSS, ma se fatto correttamente, spostare alcuni stili inline in stili embedded può aiutare a ridurre il codice.
Semplifica il tuo design. Un'altra opzione è tornare alla fase di design. Le email a colonna singola utilizzano molto meno codice.
Minifica il tuo codice. La minificazione del codice rimuoverà spazi e commenti non necessari. Questo può avere un grande effetto, ma fai attenzione poiché molti ESP impongono una lunghezza massima della riga che potrebbe forzare una nuova riga e rompere il codice.
Dimensione degli asset esterni
La dimensione degli asset esterni è 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 ora.
Se stai usando immagini di sfondo e media query, allora è possibile che in determinati ambienti non tutto venga scaricato per ogni utente. Ma, ricorda che anche se definisci display:none; su un elemento <img> , esso verrà comunque scaricato. Attualmente non c'è modo di fermarlo.
La dimensione massima per la maggior parte delle immagini è di 100KB, ma se hai un'immagine grande ad alta risoluzione o un gif animato, questo potrebbe arrivare fino a 500KB. Tuttavia, si tratta più della dimensione totale, che tratteremo nella sezione sulla dimensione totale dell'email caricata.
Ci sono molte risorse per aiutare a comprimere le dimensioni delle immagini:
ImageOptim – su Mac, o come servizio web
Caesium – su Windows
CDN – Molte CDN hanno l'ottimizzazione delle immagini integrata. Alcuni regoleranno persino la compressione a seconda della larghezza di banda disponibile.
Qui ci sono altri suggerimenti che raccomandiamo:
Assicurati di utilizzare il formato più appropriato, .jpg per le foto, .gif per la grafica e .png per quando hai bisogno di canali alfa.
Semplifica il tuo design. Torna alla fase di design per utilizzare meno immagini, immagini più piccole o immagini più semplici che possono essere compresse in dimensioni minori.
Dimensione dell'email completamente caricata
Questa è la dimensione combinata di tutto quando l'email è aperta e tutto viene scaricato. Questo può variare a seconda dell'ambiente in cui viene aperta l'email.
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 lenta 3G.
Su una buona connessione, una dimensione totale dell'email di 1mb si caricherebbe in una frazione di secondo e sembrerebbe istantanea all'utente. Tuttavia, su una connessione 3G potrebbe richiedere tra i 2 e i 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 problema potenziale per gli utenti con piani dati restrittivi che devono considerare ogni MB che scaricano. Questo è particolarmente da considerare nei paesi in via di sviluppo.
Un paio di cose che puoi fare per aiutare:
Prima di tutto, guarda tutte le raccomandazioni che abbiamo menzionato riguardo all'ottimizzazione delle dimensioni html e delle immagini
Se hai tempo, è sempre bene sperimentare con il codice e testare cosa è davvero necessario e cosa puoi omettere. Sperimenta con le immagini e prova diversi modi per comprimerle. Assicurati che la tua email abbia un buon aspetto e abbia senso senza immagini, in modo che i tuoi utenti possano iniziare a guardare la tua email mentre aspettano le immagini.
Mettendo tutto insieme
Con le dimensioni dei file, come con molte altre cose, tutto si riduce a un compromesso. Potresti fare alcuni test A/B e scoprire che immagini grandi ad alta risoluzione funzionano bene. Potresti scoprire che molti contenuti dettagliati funzionano bene. Potresti scoprire che interattività complessa funziona bene. Tuttavia, quando metti tutte e tre in una singola campagna - potresti vedere che le cose iniziano a funzionare male.