Wenn wir über Dateigrößen in der E-Mail sprechen, sprechen wir eigentlich über 3 Themen: die Größe der gesendeten HTML-Datei, die Größe der externen Assets und die vollständig geladene Größe. Wir möchten alle diese Dateigrößen so klein wie möglich halten, aber was sind die maximalen Größen und worauf sollten wir abzielen?
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 verlinkt werden und beim Öffnen heruntergeladen werden.
Die maximale Größe, die wir empfehlen, ist 100KB, da alles darüber hinaus zu Zustellbarkeits- und Anzeigeproblemen führen kann. Zum Beispiel wird Gmail Ihr HTML bei 102KB abschneiden. Das Abschneiden wird das Ende Ihrer E-Mail verbergen und kann Ihr Layout zerstören. Gmails Umgang mit E-Mails hat auch andere Überlegungen, wie zum Beispiel den Einfluss der Bildvorabrufung auf das E-Mail-Tracking.
Die meisten E-Mails sollten problemlos unter 50KB kommen. Allerdings führen manchmal komplexe progressive Verbesserungen oder eine große Menge an Kampagneninhalt zu einer größeren Dateigröße. Wenn dies passiert, gibt es eine Reihe von Möglichkeiten, um die Größe Ihrer HTML-Datei zu reduzieren.
Säubern Sie Ihren Code. E-Mail ändert sich ständig und wir sehen viele Vorlagen mit veraltetem Code. Eine schnelle Bereinigung kann ein paar KB sparen.
Vermeiden Sie Übercodierung. Einige Vorlagen, die wir sehen, haben zusätzlichen Code, der einfach nicht benötigt wird. Für Anleitungen zur Erstellung effizienter Vorlagen, siehe unseren Leitfaden zu fortgeschrittenen E-Mail-Vorlagen. Der schlimmste Übeltäter ist das Hinzufügen zusätzlicher Tabellenelemente. Die meisten Layouts können mit 5-10 Tabellen erreicht werden, aber oft sehen wir Code mit 30-40 Tabellen. Weniger Tabellen haben auch den zusätzlichen Vorteil, dass Ihr Code leichter lesbar wird.
Verschieben Sie etwas Code von HTML zu CSS. Es ist noch nicht sicher, alle Ihre Stile zu CSS zu verschieben, aber wenn es richtig gemacht wird, kann das Verschieben einiger Inline-Stile zu eingebetteten Stilen helfen, den Code zu reduzieren.
Vereinfachen Sie Ihr Design. Eine weitere Option ist die Rückkehr zur Designphase. Einspaltige E-Mails verwenden viel weniger Code.
Minimieren Sie Ihren Code. Das Minimieren von Code wird unnötige Leerzeichen und Kommentare entfernen. Dies kann einen großen Effekt haben, aber seien Sie vorsichtig, da viele ESPs eine maximale Zeilenlänge erzwingen, die einen neuen Zeilenumbruch und Codebruch erzwingen könnte.
Externe Assets Size
Vollständig geladene Emailgröße
Dies ist die kombinierte Größe von allem, wenn die E-Mail geöffnet wird und alles heruntergeladen ist. Dies kann je nach Umgebung variieren, in der die E-Mail geöffnet wird.
Das Hauptproblem hier ist die Zeit, die es dauert, bis die E-Mail geladen ist. Wahrscheinlich testen Sie Ihre E-Mails in einem Büro mit einer sehr schnellen Verbindung, aber viele Ihrer Empfänger sind möglicherweise mit mobilen Geräten mit langsamer 3G-Verbindung unterwegs.
Bei einer guten Verbindung würde eine Gesamt-E-Mail-Größe von 1 MB in einem Bruchteil einer Sekunde geladen und für den Benutzer sofort erscheinen. Auf einer 3G Verbindung könnte es jedoch zwischen 2 und 14 Sekunden dauern, bis die volle E-Mail geladen ist. Und wenn Ihre Zielgruppe wahrscheinlich eine 2G Verbindung verwendet, könnte das Herunterladen ein paar Minuten dauern. Wenn E-Mails langsam laden, werden auffällige Betreffzeilen noch kritischer für das Engagement.
Dies ist auch ein potenzielles Problem für Benutzer mit restriktiven Datentarifen, die jedes heruntergeladene MB abwägen müssen. Dies ist insbesondere in Entwicklungsländern zu berücksichtigen.
Ein paar Dinge, die Sie tun können, um zu helfen:
Erstens, schauen Sie sich alle Empfehlungen an, die wir bezüglich der Optimierung der HTML- und Bildgröße erwähnt haben.
Wenn Sie die Zeit haben, ist es immer gut, mit dem Code zu experimentieren und zu testen, was wirklich benötigt wird und was weggelassen werden kann. Experimentieren Sie mit Bildern und probieren Sie verschiedene Methoden zur Kompression aus. Stellen Sie sicher, dass Ihre E-Mail gut aussieht und verständlich ist, auch ohne Bilder, damit Ihre Benutzer bereits mit dem Anschauen der E-Mail beginnen können, während sie auf die Bilder warten.
Alles zusammenfügen
Bei Dateigrößen, wie bei vielen Dingen, läuft alles auf Kompromisse hinaus. Sie können ein A/B-Test durchführen und feststellen, dass große hochauflösende Bilder gut abschneiden. Sie können feststellen, dass viele detaillierte Inhalte gut abschneiden. Sie können feststellen, dass komplexe Interaktivität gut abschneidet. Wenn Sie jedoch alle drei in einer einzigen Kampagne zusammenfassen – sehen Sie möglicherweise, dass sich die Dinge schlecht entwickeln. E-Mail-Leistungsprobleme können auch auf Zustellbarkeitsprobleme wie Tippfehler in E-Mail-Adressen zurückzuführen sein.
