Le email che si caricano lentamente frustrano gli iscritti e danneggiano l'engagement. Le email più grandi di 100KB potrebbero essere tagliate da Gmail, nascondendo il tuo invito all'azione o il link per disiscriversi. I file immagine di grandi dimensioni e il codice HTML non ottimizzato rallentano i tempi di caricamento, specialmente sui dispositivi mobili.
Questa guida ti mostra come ridurre il tempo di caricamento delle email ottimizzando le immagini, minimizzando il codice HTML e migliorando le prestazioni mobili.
Prima di iniziare
Per controllare la dimensione attuale della tua email:
Invia una campagna Email di prova a te stesso in Gmail. Apri l'email → Clicca su tre punti (⋮) → Seleziona Mostra originale → Clicca Scarica originale per vedere la dimensione del tuo file.
💡 Consiglio: Mantieni la dimensione totale della tua email sotto i 100KB per evitare il taglio di Gmail.
Perché il tempo di caricamento dell'Email è importante
Il tempo di caricamento dell'email influisce su:
Esperienza utente: Le email che si caricano lentamente frustrano gli iscritti, soprattutto su mobile.
Posizionamento nella Posta in Arrivo: Le Email più grandi di 100KB vengono troncate da Gmail. Se il tuo link di disiscrizione è nascosto, i destinatari potrebbero contrassegnare la tua email come spam.
Engagement: Le email più veloci si caricano completamente prima che gli iscritti perdano interesse.
Fattori chiave che aumentano la dimensione dell'email:
Immagini ad alta risoluzione (superiori a 72 DPI).
Troppe immagini (ogni immagine = 1 richiesta al server).
Codice HTML e CSS non minificato.
Animazioni CSS e query media complesse.
Ottimizza le immagini
Limita il numero di immagini
Ogni immagine nella tua email è una richiesta separata al server. Se carichi 20 piccole immagini, sono 20 richieste, il che aumenta il tempo di caricamento.
Come ridurre le richieste di immagini:
Combina più piccole immagini in un'immagine più grande (usa sprite di immagini).
Sostituisci le immagini decorative (punti, divisori, icone) con testo stilizzato o forme CSS.
Usa un rapporto testo-immagine di 60:40 (60% testo, 40% immagini). Per ogni immagine, includi 2-4 frasi di testo.
💬 Scopri di più: Ottimizza il contenuto dell'Email per un miglior Deliverability.
Riduci la dimensione del file delle immagini
Segui questi passaggi per comprimere le immagini senza perdere qualità:
1. Salva immagini per il web
Usa la funzione "Salva per il web" nel tuo editor di immagini per ridurre la dimensione del file senza ridurre la qualità.
2. Esporta immagini a 72 DPI
Per controllare il DPI di un'immagine:
Windows: Fai clic destro sul file → Seleziona Proprietà → Dettagli. Controlla Risoluzione orizzontale e Risoluzione verticale.
Mac: Apri l'immagine → Seleziona Strumenti → Regola dimensione nella barra dei menu.
Esportare a 72 DPI mantiene le immagini nitide riducendo la dimensione del file.
3. Ridimensiona le foto stock
Se scarichi una foto stock, aprila in un editor di immagini e risalvala alla qualità e dimensione desiderate.
4. Mantieni le immagini uniformi
I dispositivi mobili non ridimensioneranno automaticamente le immagini affiancate se la loro altezza e larghezza non corrispondono. Mantenere le immagini uniformi previene problemi di impilamento su mobile.
5. Scegli il formato giusto
JPG per fotografie
PNG-8 per immagini semplici (loghi, icone)
PNG-24 per immagini con elementi fotografici
I file PNG mantengono la massima qualità ma aumentano la dimensione dell'email. Usa JPG quando possibile.
6. Usa strumenti di ottimizzazione delle immagini
Esegui le tue immagini attraverso app di ottimizzazione di terze parti (come TinyPNG, ImageOptim o Squoosh) per ridurre ulteriormente la dimensione del file mantenendo la qualità.
Dividi le lunghe email in sezioni
Invece di creare un'unica email lunga, suddividila in sezioni utilizzando divisori (Blocchi di Linea o Spazio).
Perché questo aiuta: I divisori separano la tua email in sezioni HTML più piccole, consentendo ai client di posta di rendere il contenuto progressivamente dall'alto verso il basso. Questo rende la tua email apparire a caricarsi più velocemente, anche se la dimensione totale rimane la stessa.
Come aggiungere divisori in Omnisend:
Nell'Editor email, trascina un blocco Linea o Spazio tra le sezioni di contenuto.
Ripeti ogni 2-3 blocchi di contenuto.
Le email senza divisori si caricano come un grande blocco, il che aumenta il tempo di caricamento percepito.
Minifica il codice HTML
Se utilizzi HTML o CSS personalizzati, la minificazione rimuove caratteri non necessari (spazi bianchi, commenti, interruzioni di riga) dal tuo codice HTML e CSS senza modificare il suo funzionamento. Questo riduce la dimensione del file del 20–30%.
Perché minificare?
Riduce la dimensione dell'email (aiuta a evitare il taglio di Gmail).
Accelera il rendering nei client di posta.
Risparmia dati mobili per gli iscritti.
Come minificare:
Copia il tuo codice HTML.
Utilizza uno strumento di minimizzazione come HTMLMinifier o il compressore HTML di Email on Acid.
Incolla il codice minificato nel blocco di contenuto HTML di Omnisend.
💡 Consiglio: Ritaglia gli spazi bianchi indesiderati nelle immagini utilizzando il posizionamento HTML invece di aggiungere spazi bianchi al file immagine stesso.
Ottimizza per dispositivi mobili
Le velocità di download mobili sono più lente rispetto ai desktop. Se hai un'ampia Audience mobile, ottimizzare per il mobile è fondamentale.
Suggerimenti per l'ottimizzazione mobile:
Comprimi le immagini specificamente per il mobile – Usa strumenti come TinyPNG o Squoosh per creare versioni più piccole delle immagini per il mobile.
Usa le impostazioni di visibilità – Nascondi contenuti non essenziali (immagini grandi, banner) sui dispositivi mobili per ridurre i tempi di caricamento.
Come impostare la visibilità in Omnisend:
Clicca sul blocco di contenuto che vuoi modificare.
Vai alla scheda Layout.
Scorri fino a Visibilità sui dispositivi → Scegli quali dispositivi devono mostrare il blocco di contenuto:
Tutti i dispositivi.
Solo dispositivi mobili.
Solo dispositivi desktop.
Testa la velocità di caricamento della tua email
Dopo aver ottimizzato la tua email, testala per confermare i miglioramenti.
Come testare:
Controlla la dimensione totale dell'email in Gmail:
Invia una campagna Email di prova a te stesso in Gmail.
Apri l'email → Clicca sui tre puntini (⋮) → Seleziona Mostra originale.
Clicca Scarica originale per vedere la dimensione del tuo file. Mantienilo sotto i 100KB.
Usa strumenti di test per email:
Litmus o Email on Acid mostra anteprime del tempo di caricamento su dispositivi e client di posta.
Test A/B di email ottimizzate vs. non ottimizzate:
Crea due versioni della tua campagna Email: una con immagini ottimizzate, una senza.
Usa il Test A/B sui contenuti di Omnisend per confrontare le metriche di engagement.
Domande frequenti
Qual è una dimensione accettabile per un'email?
Mantieni la dimensione totale della tua email sotto i 100KB per evitare il taglio di Gmail. Le email più grandi di 100KB vengono troncate e i destinatari devono cliccare su "Visualizza messaggio completo" per vedere il contenuto completo.
La compressione delle immagini danneggerà la qualità?
No, se usi "Salva per il web" a 72 DPI. Questo mantiene la qualità visiva riducendo la dimensione del file del 40–60%.
Posso usare GIF nei miei email?
Sì, ma le GIF sono più grandi delle immagini statiche. Se usi GIF:
Mantieni la dimensione del file sotto 1MB.
Usa strumenti come Ezgif per comprimere le GIF.
Testa il tempo di caricamento delle GIF su mobile prima di inviare.
Hai bisogno di ulteriore assistenza? Il nostro Team di Supporto è a un clic di distanza nell'app, oppure puoi inviare un'email [email protected].