Lorsque nous parlons de tailles de fichiers dans les emails, nous parlons vraiment de 3 sujets : la taille du fichier HTML envoyé, la taille des ressources externes et la taille totale chargée. Nous voulons garder toutes ces tailles de fichiers aussi petites que possible, mais quelles sont les tailles maximales et quel objectif devrions-nous viser ?
Taille de fichier HTML
La taille du fichier HTML est la taille du fichier .html qui est réellement envoyé. Cette taille de fichier n'inclut pas la taille des images incluses, car celles-ci seraient liées à partir de ce fichier html et téléchargées lors de l'ouverture.
La taille maximale que nous recommandons est de 100 Ko, car tout au-delà peut entraîner des problèmes de délivrabilité et d'affichage. Par exemple, Gmail coupe votre html à 102 Ko. La coupure masquera la fin de votre email et peut casser votre mise en page. Le traitement des emails par Gmail a aussi d'autres considérations, comme l'impact du préchargement des images sur le suivi des emails.
La plupart des emails devraient facilement être en dessous de 50 Ko. Cependant, parfois des améliorations progressives complexes ou une grande quantité de contenu de campagne entraînent une taille de fichier plus grande. Si cela se produit, il existe plusieurs façons de réduire la taille de votre fichier HTML.
Nettoyez votre code. Les emails évoluent constamment et nous voyons beaucoup de modèles avec un code obsolète. Un nettoyage rapide peut économiser quelques Ko.
Ne surchargez pas le code. Certains modèles que nous voyons ont du code supplémentaire qui n'est simplement pas nécessaire. Pour des conseils sur la création de modèles efficaces, consultez notre guide sur les modèles d’email avancés. Le pire coupable est l'ajout d'éléments de table supplémentaires. La plupart des mises en page peuvent être réalisées avec 5-10 tables, mais nous voyons souvent du code avec 30-40 tables. Moins de tables a aussi l'avantage de rendre votre code plus facile à lire.
Déplacez une partie du code de HTML vers CSS. Il n'est pas encore sûr de déplacer tous vos styles vers CSS, mais si c'est bien fait, déplacer certains styles en ligne vers des styles intégrés peut aider à réduire le code.
Simplifiez votre design. Une autre option est de revenir à l'étape de conception. Les emails à colonne unique utilisent beaucoup moins de code.
Minifiez votre code. La minification du code supprimera les espaces et commentaires inutiles. Cela peut avoir un effet énorme, mais faites attention car de nombreux ESP imposent une longueur de ligne maximale qui pourrait forcer un retour à la ligne et casser le code.
Taille des External Assets
Taille d'email entièrement chargée
Ceci est la taille combinée de tout lorsque l'e-mail est ouvert et que tout est téléchargé. Cela peut varier en fonction de l'environnement où l'e-mail est ouvert.
Le problème principal ici est le temps qu'il faut pour charger l'e-mail. Vous allez probablement tester 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, une taille totale d'e-mail de 1 Mo se chargerait en une fraction de seconde et semblerait instantané pour l'utilisateur. Cependant, avec une connexion 3G, cela pourrait prendre entre 2 et 14 secondes pour charger l'e-mail complet. Et, si votre public cible est susceptible d'être sur une connexion 2G, ce téléchargement pourrait prendre quelques minutes. Lorsque les e-mails chargent lentement, les lignes de sujet convaincantes deviennent encore plus critiques pour l'engagement.
C'est aussi un problème potentiel pour les utilisateurs avec des plans de données restrictifs qui doivent considérer chaque Mo qu'ils téléchargent. C'est particulièrement une considération dans les pays en développement.
Quelques choses que vous pouvez faire pour aider :
Tout d'abord, regardez toutes les recommandations que nous avons mentionnées concernant l'optimisation de la taille des HTML et des images.
Si vous avez le temps, il est toujours bon d'expérimenter avec le code et de tester ce qui est vraiment nécessaire et ce que vous pouvez laisser de côté. Expérimentez avec des images et essayez différentes façons de les compresser. Assurez-vous que votre e-mail est agréable et a du sens sans images, pour que vos utilisateurs puissent commencer à regarder votre e-mail en attendant les images.
Putting it All Together
En ce qui concerne la taille des fichiers, comme pour beaucoup de choses, tout se résume à un compromis. Vous pouvez faire des tests A/B et constater que les grandes images haute résolution fonctionnent bien. Vous pouvez constater qu'un contenu très détaillé fonctionne bien. Vous pouvez constater qu'une interactivité complexe fonctionne bien. Cependant, lorsque vous combinez les trois dans une seule campagne, vous pouvez constater que les choses commencent à mal fonctionner. Les problèmes de performance des emails peuvent également provenir de problèmes de délivrabilité tels que les erreurs de frappe dans les adresses email.
