Les e-mails à chargement lent frustrent les abonnés et nuisent à l'engagement. Les e-mails de plus de 100 Ko peuvent être tronqués par Gmail, cachant votre appel à l'action ou votre lien de désinscription. Les fichiers image volumineux et le code HTML non optimisé ralentissent les temps de chargement, surtout sur les appareils mobiles.
Ce guide vous montre comment réduire le temps de chargement des emails en optimisant les images, en minifiant le code HTML et en améliorant les performances mobiles.
Avant de commencer
Pour vérifier la taille actuelle de votre email :
Envoyez une campagne Email de test à vous-même dans Gmail. Ouvrez l'email → Cliquez sur le trois points (⋮) → Sélectionner Afficher l'original → Cliquez Télécharger l'original pour voir la taille de votre fichier.
💡 Astuce : Gardez la taille totale de votre email en dessous de 100 Ko pour éviter le clipping dans Gmail.
Pourquoi le temps de chargement des Emails est important
Le temps de chargement des emails affecte :
Expérience utilisateur : Les e-mails à chargement lent frustrent les abonnés, surtout sur mobile.
Placement dans la boîte de réception : Les emails de plus de 100 Ko sont tronqués par Gmail. Si votre lien de désinscription est caché, les destinataires peuvent marquer votre email comme spam.
Engagement : Les e-mails plus rapides se chargent complètement avant que les abonnés ne perdent leur intérêt.
Facteurs clés qui augmentent la taille des emails :
Images haute résolution (au-dessus de 72 DPI).
Trop d'images (chaque image = 1 requête serveur).
Code HTML et CSS non minifié.
Animations CSS et requêtes médias complexes.
Optimiser les images
Limiter le nombre d'images
Chaque image dans votre email est une requête serveur distincte. Si vous chargez 20 petites images, cela fait 20 requêtes, ce qui augmente le temps de chargement.
Comment réduire les requêtes d'images :
Combinez plusieurs petites images en une image plus grande (utilisez des sprites d'images).
Remplacez les images décoratives (puces, séparateurs, icônes) par du texte stylisé ou des formes CSS.
Utilisez un ratio texte-image de 60:40 (60 % de texte, 40 % d'images). Pour chaque image, incluez 2 à 4 phrases de texte.
📝 En savoir plus : Optimiser le contenu de l'Email pour une meilleure Délivrabilité.
Réduire la taille des fichiers d'images
Suivez ces étapes pour compresser les images sans perdre en qualité :
1. Enregistrer les images pour le web
Utilisez la fonction "Enregistrer pour le web" dans votre éditeur d'images pour réduire la taille du fichier sans réduire la qualité.
2. Exporter les images à 72 DPI
Pour vérifier le DPI d'une image :
Windows : Cliquez avec le bouton droit sur le fichier → Sélectionner Propriétés → Détails. Vérifiez Résolution horizontale et Résolution verticale.
Mac : Ouvrez l'image → Sélectionner Outils → Ajuster la taille dans la barre de menu.
Exporter à 72 DPI garde les images nettes tout en réduisant la taille du fichier.
3. Redimensionner les photos de stock
Si vous téléchargez une photo de stock, ouvrez-la dans un éditeur d'images et enregistrez-la à la qualité et à la taille souhaitées.
4. Gardez les images uniformes
Les appareils mobiles ne redimensionneront pas automatiquement les images côte à côte si leur hauteur et leur largeur ne correspondent pas. Maintenir les images uniformes évite les problèmes d'empilement sur mobile.
5. Choisissez le bon format
JPG pour les photographies
PNG-8 pour les images simples (logos, icônes)
PNG-24 pour les images avec des éléments photographiques
Les fichiers PNG conservent la meilleure qualité mais augmentent la taille de l'email. Utilisez JPG lorsque c'est possible.
6. Utilisez des outils d'optimisation d'images
Faites passer vos images par des applications d'optimisation tierces (comme TinyPNG, ImageOptim ou Squoosh) pour réduire encore la taille du fichier tout en maintenant la qualité.
Divisez les longs e-mails en sections
Au lieu de créer un seul email long, divisez-le en sections à l'aide de séparateurs (blocs de ligne ou d'espace).
Pourquoi cela aide : Les diviseurs séparent votre email en sections HTML plus petites, permettant aux clients de messagerie de rendre le contenu progressivement de haut en bas. Cela rend votre email apparaissent se charger plus rapidement, même si la taille totale reste la même.
Comment ajouter des séparateurs dans Omnisend :
Dans l'Éditeur d'emails, faites glisser un bloc Ligne ou Espace entre les sections de contenu.
Répétez tous les 2 à 3 blocs de contenu.
Les e-mails sans séparateurs se chargent comme un grand bloc, ce qui augmente le temps de chargement perçu.
Minifier le code HTML
Si vous utilisez du HTML ou du CSS personnalisé, la minification supprime les caractères inutiles (espaces, commentaires, sauts de ligne) de votre code HTML et CSS sans changer son fonctionnement. Cela réduit la taille du fichier de 20 à 30 %.
Pourquoi minifier ?
Réduit la taille de l'email (aide à éviter le clipping dans Gmail).
Accélère le rendu dans les clients de messagerie.
Économise des données mobiles pour les abonnés.
Comment minifier :
Copiez votre code HTML.
Utilisez un outil de minification comme HTMLMinifier ou le compresseur HTML d'Email on Acid.
Collez le code minifié dans le bloc de contenu HTML d'Omnisend.
💡 Astuce : Rognez l'espace blanc indésirable dans les images en utilisant le positionnement HTML au lieu d'ajouter de l'espace blanc au fichier image lui-même.
Optimiser pour les appareils mobiles
Les vitesses de téléchargement mobiles sont plus lentes que celles des ordinateurs de bureau. Si vous avez une grande Audience mobile, l'optimisation pour mobile est essentielle.
Conseils d'optimisation mobile :
Compresser les images spécifiquement pour mobile – Utilisez des outils comme TinyPNG ou Squoosh pour créer des versions plus petites des images pour mobile.
Utiliser les paramètres de visibilité – Masquez le contenu non essentiel (grandes images, bannières) sur les appareils mobiles pour réduire le temps de chargement.
Comment définir la visibilité dans Omnisend:
Cliquez sur le bloc de contenu que vous souhaitez ajuster.
Allez à l'onglet Disposition.
Faites défiler jusqu'à Visibilité sur les appareils → Choisissez quels appareils doivent afficher le bloc de contenu:
Tous les appareils.
Appareils mobiles uniquement.
Appareils de bureau uniquement.
Testez la vitesse de chargement de votre email
Après avoir optimisé votre email, testez-le pour confirmer les améliorations.
Comment tester:
Vérifiez la taille totale de l'email dans Gmail :
Envoyez une campagne Email de test à vous-même dans Gmail.
Ouvrez l'email → Cliquez sur les trois points (⋮) → Sélectionnez Afficher l'original.
Cliquez sur Télécharger l'original pour voir la taille de votre fichier. Gardez-le en dessous de 100 Ko.
Utilisez des outils de test d'email :
Litmus ou Email on Acid montre des aperçus de temps de chargement sur différents appareils et clients de messagerie.
Test A/B des e-mails optimisés vs. non optimisés:
Créez deux versions de votre campagne Email : une avec des images optimisées, une sans.
Utilisez le Test de contenu A/B d'Omnisend pour comparer les métriques d'engagement.
Foire aux questions
Quelle est une taille d'email acceptable ?
Gardez la taille totale de votre email moins de 100 Ko pour éviter le découpage dans Gmail. Les e-mails de plus de 100 Ko sont tronqués, et les destinataires doivent cliquer sur "Voir le message entier" pour voir le contenu complet.
La compression des images nuira-t-elle à la qualité ?
Non, si vous utilisez "Enregistrer pour le Web" à 72 DPI. Cela maintient la qualité visuelle tout en réduisant la taille du fichier de 40 à 60 %.
Puis-je utiliser des GIFs dans mes e-mails ?
Oui, mais les GIFs sont plus grands que les images statiques. Si vous utilisez des GIFs:
Gardez la taille du fichier en dessous de 1 Mo.
Utilisez des outils comme Ezgif pour compresser les GIFs.
Testez le temps de chargement des GIFs sur mobile avant d'envoyer.
Besoin de plus de conseils ? Notre équipe de support est à un clic dans l'application, ou vous pouvez envoyer un email [email protected].