Taille du fichier HTML

La taille du fichier HTML est la taille du fichier .html qui est effectivement envoyé. Cette taille de fichier ne comprend pas la taille des images incluses, car celles-ci sont liées à ce fichier html et téléchargées lorsqu'elles sont ouvertes.

La taille maximale recommandée est de 100 Ko, car tout dépassement peut entraîner des problèmes de délivrabilité et d'affichage. Par exemple, Gmail coupera votre html à 102KB. Ce découpage masque la fin de votre message et peut casser votre mise en page.

La plupart des courriels devraient facilement atteindre une taille inférieure à 50 Ko. Cependant, il arrive que des améliorations progressives complexes ou une grande quantité de contenu de campagne entraînent une taille de fichier plus importante. Dans ce cas, il existe un certain nombre de moyens de réduire la taille de votre fichier HTML.

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

• Déplacer un peu de code de HTML à 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.

• Simplifiez votre conception. Another option is to go back à la design stage. Single column emails use a lot less code.

• Minimisez votre 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.

• 
  

Taille des actifs externes

La taille des ressources externes est la taille de toutes vos images et feuilles de style externes. Les tailles externes étant rares, nous nous concentrerons pour l'instant sur les images.

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.

La taille maximale de la plupart des images est de 100 Ko, mais si vous avez une grande image haute résolution ou un gif animé, elle peut atteindre 500 Ko. Cependant, il s'agit surtout de la taille totale, que nous aborderons dans la section consacrée à la taille des e-mails chargés.

Il existe de nombreuses ressources pour vous aider à comprimer la taille des images :

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

Voici d'autres conseils que nous vous recommandons :

• Veillez à utiliser le format le plus approprié : .jpg pour les photos, .gif pour les graphiques et .png pour les fichiers alpha. channels

• Simplifiez votre conception. Revenez encore une fois à l'étape de la conception pour utiliser moins d'images, des images plus petites ou des images plus simples qui peuvent être comprimées à des tailles plus petites.

Taille de l'email entièrement chargé

Il s'agit de la taille combinée de tout ce qui est ouvert et de tout ce qui est téléchargé. Elle peut varier en fonction de l'environnement dans lequel l'e-mail est ouvert.

Le principal problème ici est le temps de chargement de l'e-mail. Vous testerez probablement vos e-mails dans un bureau avec une connexion très rapide, mais beaucoup de vos destinataires peuvent être sur des appareils mobiles avec une connexion 3G lente.

Avec une bonne connexion, un courriel d'une taille totale de 1 Mo se chargera en une fraction de seconde et semblera instantané à l'utilisateur. Toutefois, sur une connexion 3G, le chargement de l'e-mail complet peut prendre entre 2 et 14 secondes. Et si votre public cible est susceptible de disposer d'une connexion 2G, le téléchargement peut prendre quelques minutes.

C'est également un problème potentiel pour les utilisateurs ayant des plans de données restrictifs qui doivent prendre en compte chaque Mo qu'ils téléchargent. Ce problème se pose particulièrement dans les pays en développement.

Il y a deux choses que vous pouvez faire pour aider :

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.

Tout mettre en place

En ce qui concerne la taille des fichiers, comme pour beaucoup d'autres choses, tout est affaire de compromis. Vous pouvez effectuer des tests A/B et constater que les images de grande taille et de haute résolution donnent de bons résultats. Vous constaterez peut-être qu'un contenu très détaillé donne de bons résultats. Vous pouvez trouver que l'interactivité complexe donne de bons résultats. Cependant, si vous mettez ces trois éléments dans une seule campagne, vous risquez de constater que les résultats sont médiocres.