HTML-Dateigröße

Die HTML-Dateigröße ist die Größe der HTML-Datei, die tatsächlich gesendet wird. Diese Dateigröße beinhaltet nicht die Größe der enthaltenen Bilder, da diese von dieser HTML-Datei aus verlinkt und beim Öffnen heruntergeladen werden würden.

Wir empfehlen eine maximale Größe von 100 KB, da alles darüber hinaus zu Zustellbarkeits- und Anzeigeproblemen führen kann. So schneidet Gmail beispielsweise Ihre HTML-Datei bei 102 KB ab. Durch das Abschneiden wird das Ende Ihrer E-Mail verdeckt und Ihr Layout kann beschädigt werden.

Die meisten E-Mails sollten leicht unter 50 KB liegen. Manchmal führen jedoch komplexe progressive Erweiterungen oder eine große Menge an Kampagneninhalten zu einer größeren Dateigröße. In diesem Fall gibt es eine Reihe von Möglichkeiten, die Größe Ihrer HTML-Datei zu verringern.

• 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. Die 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.

• Verschieben Sie einige Codes von HTML zu 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.

• Vereinfachen Sie Ihr Design. Another option is to go back zum design stage. Single column emails use a lot less code.

• Verkleinern Sie Ihren 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 Vermögenswerte Größe

Die Größe der externen Assets ist die Größe aller Ihrer Bilder und externen Stylesheets. Da externe Größen selten sind, konzentrieren wir uns zunächst auf Bilder.

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.

Die maximale Größe für die meisten Bilder beträgt 100 KB, aber wenn Sie ein großes hochauflösendes Bild oder ein animiertes Gif haben, kann die Größe bis zu 500 KB betragen. Es geht jedoch mehr um die Gesamtgröße, die wir im Abschnitt über die Größe einer vollständig geladenen E-Mail behandeln werden.

Es gibt eine Vielzahl von Ressourcen, die bei der Komprimierung von Bildern helfen:

• ImageOptim – on Mac, or as a web service

• Cäsium – on Windows

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

Hier sind einige weitere Tipps, die wir empfehlen:

• Vergewissern Sie sich, dass Sie das am besten geeignete Format verwenden: .jpg für Fotos, .gif für Grafiken und .png, wenn Sie Alphadaten benötigen. channels

• Vereinfachen Sie Ihr Design. Gehen Sie noch einmal zur Entwurfsphase zurück und verwenden Sie weniger Bilder, kleinere Bilder oder einfachere Bilder, die auf eine kleinere Größe komprimiert werden können.

Vollständig geladene E-Mail Größe

Dies ist die kombinierte Größe von allem, wenn die E-Mail geöffnet und alles heruntergeladen wird. Dies kann je nach der Umgebung, in der die E-Mail geöffnet wird, variieren.

Das Hauptproblem ist die Zeit, die die E-Mail zum Laden braucht. Wahrscheinlich testen Sie Ihre E-Mails in einem Büro mit einer sehr schnellen Verbindung, aber viele Ihrer Empfänger nutzen möglicherweise mobile Geräte mit einer langsamen 3G-Verbindung.

Bei einer guten Verbindung wird eine E-Mail mit einer Gesamtgröße von 1 MB in einem Bruchteil einer Sekunde geladen und erscheint dem Benutzer sofort. Bei einer 3G-Verbindung kann es jedoch zwischen 2 und 14 Sekunden dauern, bis die gesamte E-Mail geladen ist. Und wenn Ihre Zielgruppe wahrscheinlich eine 2G-Verbindung hat, kann das Herunterladen einige Minuten dauern.

Dies ist auch ein potenzielles Problem für Nutzer mit restriktiven Datentarifen, die jedes MB, das sie herunterladen, berücksichtigen müssen. Dies ist besonders in Entwicklungsländern ein Problem.

Es gibt einige Dinge, die Sie tun können, um zu helfen:

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 zusammenfügen

Bei den Dateigrößen kommt es, wie bei vielen anderen Dingen auch, auf einen Kompromiss an. Sie können einige A/B-Tests durchführen und feststellen, dass große, hochauflösende Bilder gut funktionieren. Sie können feststellen, dass viele detaillierte Inhalte gut funktionieren. Sie können feststellen, dass komplexe Interaktivität gut funktioniert. Wenn Sie jedoch alle drei Elemente in einer einzigen Kampagne einsetzen, werden Sie feststellen, dass die Leistung nachlässt.