Wanneer we het hebben over bestandsgroottes in e-mail, hebben we het eigenlijk over 3 onderwerpen: de grootte van het verzonden HTML-bestand, de grootte van externe assets en de volledige geladen grootte. We willen al deze bestandsgroottes zo klein mogelijk houden, maar wat zijn de maximale groottes en waar moeten we naar streven?
HTML Bestandsgrootte
HTML-bestandsgrootte is de grootte van het .html-bestand dat daadwerkelijk wordt verzonden. Deze bestandsgrootte bevat niet de grootte van de ingevoegde afbeeldingen, aangezien deze vanuit dit html-bestand worden gelinkt en worden gedownload wanneer ze worden geopend.
De maximale grootte die we zouden aanbevelen is 100KB, omdat alles daarboven kan leiden tot problemen met bezorging en weergave. Bijvoorbeeld, Gmail zal je html afknippen bij 102KB. Het afknippen verbergt het einde van je e-mail en kan je lay-out breken.
De meeste e-mails moeten gemakkelijk onder de 50KB blijven. Soms zorgt echter complexe progressieve verbetering of een grote hoeveelheid campagne-inhoud voor een grotere bestandsgrootte. Als dit gebeurt, zijn er een aantal manieren om te helpen de grootte van je HTML-bestand te verminderen.
Reinig je code. E-mail verandert voortdurend en we zien veel sjablonen met verouderde code erin. Een snelle schoonmaak kan een paar KB besparen.
Overcodeer niet. Sommige sjablonen die we zien hebben extra code die simpelweg niet nodig is. De ergste boosdoener is het toevoegen van extra tabellelementen. De meeste lay-outs kunnen worden bereikt met 5-10 tabellen, maar we zien vaak code met 30-40 tabellen. Minder tabellen hebben ook het extra voordeel dat je code makkelijker te lezen is.
Verplaats wat code van HTML naar CSS. Het is nog niet veilig om al je stijlen naar CSS te verplaatsen, maar als het correct gedaan is, kan het verplaatsen van enkele inline stijlen naar ingebedde stijlen helpen om de code te verminderen.
Vereenvoudig je ontwerp. Een andere optie is om terug te gaan naar de ontwerpfase. E-mails met één kolom gebruiken veel minder code.
Minimaliseer je code. Het minimaliseren van code zal onnodige spaties en opmerkingen verwijderen. Dit kan een groot effect hebben maar wees voorzichtig aangezien veel ESPs een maximale regellengte afdwingen die een nieuwe regel kan forceren en de code kan breken.
Externe Vermogen Grootte
Volledig Geladen Email Size
Dit is de gecombineerde grootte van alles wanneer de e-mail wordt geopend en alles is gedownload. Dit kan variëren afhankelijk van de omgeving waarin de e-mail wordt geopend.
Het belangrijkste probleem hier is de tijd die het kost om de e-mail te laden. Je zult waarschijnlijk je e-mails testen op een kantoor met een zeer snelle verbinding, maar veel van je ontvangers zitten misschien op mobiele apparaten met een trage 3G-verbinding.
Op een goede verbinding zou een totale e-mailgrootte van 1 MB in een fractie van een seconde laden en voor de gebruiker meteen zichtbaar zijn. Echter, op een 3G-verbinding kan het tussen de 2 en 14 seconden duren om de volledige e-mail te laden. En als je doelgroep zich waarschijnlijk op een 2G-verbinding bevindt, kan dat downloaden enkele minuten duren.
Dit is ook een potentieel probleem voor gebruikers met beperkende dataplan die elke MB die ze downloaden moeten overwegen. Dit is vooral een overweging in ontwikkelingslanden.
Een paar dingen die je kunt doen om te helpen:
Kijk eerst naar alle aanbevelingen die we noemden met betrekking tot html en beeldoptimalisatie
Als je de tijd hebt, is het altijd goed om met code te experimenteren en te testen wat echt nodig is en wat je kunt weglaten. Experimenteer met afbeeldingen en probeer verschillende manieren om ze te comprimeren. Zorg ervoor dat je e-mail er goed uitziet en begrijpelijk is zonder afbeeldingen, zodat je gebruikers je e-mail kunnen bekijken terwijl ze wachten op de afbeeldingen.
Alles samenvoegen
Met bestandsformaten, zoals met veel dingen, komt het allemaal neer op compromissen. Je kunt A/B-tests uitvoeren en ontdekken dat grote afbeeldingen met hoge resolutie goed presteren. Je kunt ontdekken dat veel gedetailleerde inhoud goed presteert. Je kunt ontdekken dat complexe interactiviteit goed presteert. Echter, wanneer je alle drie in een enkele campagne plaatst - zie je misschien dat dingen slecht beginnen te presteren.
