HTML Bestandsgrootte

HTML-bestandsgrootte is de grootte van het .html-bestand dat werkelijk wordt verzonden. Deze bestandsgrootte omvat niet de grootte van de meegeleverde afbeeldingen, aangezien deze vanuit dit html-bestand worden gelinkt en bij opening worden gedownload.

De maximale grootte die wij aanbevelen is 100KB, omdat alles daarboven kan leiden tot problemen met de bezorgbaarheid en weergave. Gmail knipt uw html bijvoorbeeld bij 102KB. Het knippen verbergt het einde van uw e-mail en kan uw lay-out breken.

De meeste e-mails zouden gemakkelijk onder de 50 KB moeten uitkomen. Soms leiden complexe progressieve verbeteringen of een grote hoeveelheid campagne-inhoud echter tot een grotere bestandsgrootte. In dat geval zijn er een aantal manieren om de grootte van uw HTML-bestand te beperken.

• Clean your code. Email is constantly changing and we see a lot of templates with outdated code in them. A quick clean up can save a few KBs.

• Don’t over code. Some templates we see have extra code that simply isn’t needed. De worst offender is adding additional table elements. Most layouts can be achieved with 5-10 tables, but we often see code with 30-40 tables. Fewer tables also has the added benefit of making your code easier to read.

• Verplaats wat code van HTML naar CSS. It’s not yet safe to move all your styles to CSS, but if done correctly moving some inline styles to embedded styles can help reduce code.

• Vereenvoudig uw ontwerp. Another option is to go back naar de design stage. Single column emails use a lot less code.

• Minimaliseer uw code. Minifying code will remove unnecessary spaces and comments. This can have a huge effect but be careful as many ESPs enforce a maximum line length that could force a new line and break the code.

• 
  

Externe activa Omvang

Externe activagrootte is de grootte van al uw afbeeldingen en externe stylesheets. Aangezien externe maten zeldzaam zijn, zullen we ons nu meer richten op afbeeldingen.

If you’re using background images and media queries then it’s possible in certain environments not everything will be downloaded for every user. But, remember even if you define display:none;  on an <img>  element, it will still download. There is currently no way of stopping this.

De maximale grootte voor de meeste afbeeldingen is 100KB, maar als je een grote hoge resolutie afbeelding of een geanimeerde gif hebt, kan dat oplopen tot 500KB. Het gaat echter meer om de totale grootte, die we zullen behandelen in het gedeelte over de grootte van geladen e-mails.

Er zijn tal van hulpmiddelen voor het comprimeren van afbeeldingen:

• ImageOptim – on Mac, or as a web service

• Caesium – on Windows

• CDN –  Many CDNs have image optimization built in. Some will even adjust the compression depending on the bandwidth available.

Hier zijn enkele andere tips die wij aanbevelen:

• Zorg ervoor dat je het meest geschikte formaat gebruikt, .jpg voor foto's, .gif voor afbeeldingen en .png voor wanneer je alpha nodig hebt. channels

• Vereenvoudig uw ontwerp. Ga opnieuw naar de ontwerpfase om minder afbeeldingen te gebruiken, kleinere afbeeldingen, of eenvoudigere afbeeldingen die kunnen worden gecomprimeerd tot kleinere afmetingen.

Volledig geladen e-mail omvang

Dit is de gecombineerde grootte van alles wanneer de e-mail wordt geopend en alles wordt gedownload. Dit kan variëren afhankelijk van de omgeving waarin de e-mail wordt geopend.

Het belangrijkste probleem hier is de tijd die de e-mail nodig heeft om te laden. U zult uw e-mails waarschijnlijk testen in een kantoor met een zeer snelle verbinding, maar veel van uw ontvangers zijn misschien op mobiele apparaten met een langzame 3G-verbinding.

Bij een goede verbinding wordt een e-mail van in totaal 1mb in een fractie van een seconde geladen en lijkt het voor de gebruiker onmiddellijk. Op een 3G-verbinding kan het echter 2 tot 14 seconden duren om de volledige e-mail te laden. En als uw doelgroep waarschijnlijk een 2G-verbinding heeft, kan dat downloaden wel een paar minuten duren.

Dit is ook een potentieel probleem voor gebruikers met beperkende data-abonnementen die rekening moeten houden met elke MB die ze downloaden. Dit is vooral een probleem in ontwikkelingslanden.

Een paar dingen die je kunt doen om te helpen:

Firstly, look at all the recommendations we mentioned regarding html and image size optimization
If you have the time it’s always good to experiment with code and test what is really needed and what you can leave out. Experiment with images and try different ways to compress them. Make sure your email looks good and makes sense without images, so your users can start looking at your email while they wait for the images.

Alles samenvoegen

Bij bestandsgroottes komt het, zoals bij veel dingen, aan op compromissen. Misschien doet u wat A/B-tests en ontdekt u dat grote afbeeldingen met een hoge resolutie het goed doen. Misschien vindt u dat veel gedetailleerde inhoud het goed doet. Misschien vindt u dat complexe interactiviteit het goed doet. Maar als u ze alle drie in één campagne stopt, zult u zien dat de prestaties slecht worden.