BY KAYLA LEWKOWICZ When creating emails, we focus on building the best email for our audience. That often manifests itself in content...
BY KAYLA LEWKOWICZ
When creating emails, we focus on building the best email for our audience. That often manifests itself in content curation before designing and creating the email. While we may agonize over subject lines, CTAs, and segmentation, there’s some things we often forget: Email file size and email load times.
While not the sexiest email topics, it’s critical to building the right subscriber experience. Besides the fact that Gmail clips messages over a certain size, your email file size can also determine the bandwidth needed to download and see your email. If your subscriber can’t see your email, or it takes forever to load on mobile, it’s unlikely they’re going to convert.
We sat down with Carl Sednaoui, Director of Marketing at MailCharts, to get to scoop on everything email file size. Here’s what you need to know:
WHAT IS AN EMAIL FILE SIZE?
There are two ways to measure email file size:
First, there’s the weight of the code that makes up the actual email. Here we’re talking about bytes in the email HTML where each character is between 1 to 2 bytes. This includes HTML tables, text, links, and so on.
Second, there’s what some call loaded email weight, which includes everything needed to fully render your email. This includes the HTML of your email—as mentioned above—plus all of your assets, such as images, fonts, and videos.
Unless otherwise noted, the rest of the Q&A focuses on the loaded email weight.
WHAT ARE THE FACTORS THAT IMPACT EMAIL FILE SIZE?
The first and most obvious factor is the length of the email. Sending an email with dozens of product images and descriptions will likely result in a heavy email.
The same is true if you don’t compress your images. Including just one, heavy image as your entire email can result in a very heavy email.
Another popular culprit of heavy emails are animated GIFs. Every frame in an animated GIF is essentially its own image. The more frames your GIF has, the heavier it will be. Take this amazing email from MailChimp, for example. While it’s really nice and engaging, it weighs over 10MB. Each of the two main animated GIFs weight 4MB+. Eeek!
Other factors that impact email file size include coding style and custom fonts. A plain email with long paragraphs is rarely a problem. That being said, we don’t recommend sending a whole novel inside an email.
WHY DOES EMAIL FILE SIZE MATTER?
Both types of email file size covered earlier matter.
First, the weight of the HTML is important because Gmail clips messages that weigh over 102kb.
Second, the loaded weight of your email is important because it determines how much bandwidth is needed to download—and see—your email. Heavy emails take longer to fully render, which can be a problem since 51% of recipients delete your email within two seconds of opening it.
Then there’s the user experience. Subscribers won’t see the full narrative you’re trying to get across when heavy images are still loading. Things get even trickier on mobile where loading images might make it look as though you sent an empty email. The same applies to custom fonts; while fonts are loading, the text in your email won’t render.
DOES EMAIL FILE SIZE AFFECT DELIVERABILITY?
Sending an email with an HTML weight of under 100KB has no impact on deliverability. In some cases, sending an email over 100KB may impact deliverability, but it may not be due to the size alone. Rather, it could be the result of the poor customer experience and engagement issues we talked about above. Generally, keeping emails under 80KB where possible will help decrease some of these issues.
WHAT’S THE IDEAL EMAIL FILE SIZE? HAS THE RISE OF MOBILE AFFECTED THE IDEAL FILE SIZE?
The ideal file size will vary from company to company. If you’re targeting subscribers in a country with slow internet, for example, your ideal file size will be lower than someone focused on U.S. subscribers.
We used MailCharts to analyze the average email file size over the last 12 months. Here’s what we found:
Non-mobile optimized emails:
- Average HTML weight: 45KB
- Average image weight: 2.24MB
Mobile optimized emails:
- Average HTML weight: 53KB
- Average image weight: 2.7MB
It’s interesting to note that mobile-optimized emails tend to be heavier than non-mobile optimized email. On the HTML front, this makes sense, since you need more code to build an email that is mobile optimized (think media queries, for example).
HOW CAN I DETERMINE MY EMAIL FILE SIZE?
The fastest and easiest way to see your email file size is…to use Litmus! You can see image size and load times, which can help you determine your overall file size.
You can also download your email in Gmail by following these steps.
This will give you the weight of the HTML. You can then measure the size of all the images in your email. Add everything up, and voila!
WHAT TECHNIQUES CAN I USE TO DECREASE MY FILE SIZE? ARE THERE ANY DRAWBACKS TO THESE TECHNIQUES?
The best way to decrease your email file size is to compress your images. You can also consider using less images. When using animated GIFs, remove unnecessary frames. This will do a lot to reduce the GIF size.
Some great tools Litmus recommends for this are:
If you can get your team on board, use web safe fonts. Not having to download a custom font is preferable.
On the coding side, don’t create emails that show or hide large blocks of content based on media queries. This will add unnecessary weight to your emails. Instead, focus on emails that fluidly adapt to both desktop and mobile clients.
WHAT IS AN EMAIL LOAD TIME?
Email load time determines how long it takes for your email to fully load the HTML, fonts, and images. Essentially, it’s the time it takes to load your email.
WHAT ARE THE FACTORS THAT IMPACT EMAIL LOAD TIME?
The loaded email weight has a big impact on email load time. This, combined with your Internet connection speed, determines the overall email load time.
WHAT EFFECT DO IMAGES HAVE ON LOAD TIME?
Images included in an email need to load from somewhere. These images are hosted on a server and, unfortunately, not all servers are created equal.
The longer your server takes to serve an image, the longer your email takes to load. This can be a problem when emailing a large list where thousands (or millions!) of subscribers are opening your email at the same time.
The best way to ensure email images load quickly is to use a Content Delivery Network (CDN). This helps reduce latency and overall load times. The faster images load, the faster the email renders.
HOW CAN I DETERMINE HOW LONG IT TAKES MY EMAIL TO LOAD?
The simplest way to determine this—by far—is to run your email through a Litmus Checklist. You’ll see the total image size (in green) and the load time (in purple).
WHAT TECHNIQUES CAN I USE TO DECREASE MY EMAIL LOAD TIME? ARE THERE ANY DRAWBACKS TO THESE TECHNIQUES?
The easiest way to decrease load time is to reduce the loaded email weight, as we mentioned above. This includes using compressed images or less images, and removing frames from animated GIFs.
Another option is to improve your infrastructure, such as using a CDN with a lower latency. The challenge is that, as marketers, it’s often impossible to get buy-in for things like these. (If you need help, Litmus put together an advocacy template you can use.)
Sending emails that are not too long, with compressed images, will do the trick 99% of the time.
COMMENTS