Tamaño del archivo HTML

El tamaño del archivo HTML es el tamaño del archivo .html que se envía realmente. Este tamaño de archivo no incluye el tamaño de las imágenes incluidas, ya que éstas se enlazarían desde este archivo html y se descargarían al abrirse.

El tamaño máximo que recomendamos es de 100 KB, ya que cualquier tamaño superior puede provocar problemas de entrega y visualización. Por ejemplo, Gmail recortará el html a partir de 102 KB. El recorte ocultará el final del mensaje y puede romper el diseño.

La mayoría de los correos electrónicos deberían tener un tamaño inferior a 50 KB. Sin embargo, a veces las mejoras progresivas complejas o una gran cantidad de contenido de campaña hacen que el tamaño del archivo sea mayor. Si esto ocurre, hay varias formas de reducir el tamaño del archivo 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. En 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.

• Mueve algo de código de HTML a 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.

• Simplifique su diseño. Another option is to go back a la design stage. Single column emails use a lot less code.

• Reduzca su código. 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.

• 
  

Activos exteriores Tamaño

El tamaño de los activos externos es el tamaño de todas tus imágenes y hojas de estilo externas. Dado que los tamaños externos son poco frecuentes, por ahora nos centraremos más en las imágenes.

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.

El tamaño máximo de la mayoría de las imágenes es de 100 KB, pero si tiene una imagen grande de alta resolución o un gif animado, puede llegar a 500 KB. Sin embargo, se trata más bien del tamaño total, que trataremos en la sección sobre el tamaño del correo electrónico cargado.

Hay montones de recursos que ayudan a comprimir el tamaño de las imágenes:

• ImageOptim – on Mac, or as a web service

• Cesio – on Windows

• CDN –  Many CDNs have image optimization built in. Some will even adjust the compression depending on the bandwidth available.

Aquí tienes otros consejos que te recomendamos:

• Asegúrate de que utilizas el formato más adecuado: .jpg para las fotos, .gif para los gráficos y .png para cuando necesites alfa. channels

• Simplifique su diseño. Vuelve a la fase de diseño para utilizar menos imágenes, imágenes más pequeñas o imágenes más sencillas que puedan comprimirse a tamaños más pequeños.

Tamaño del correo electrónico completamente cargado

Es el tamaño combinado de todo cuando se abre el correo electrónico y se descarga todo. Puede variar en función del entorno en el que se abra el correo electrónico.

El principal problema es el tiempo que tarda en cargarse el mensaje. Es probable que pruebes tus correos en una oficina con una conexión muy rápida, pero muchos de tus destinatarios pueden estar en dispositivos móviles con una conexión 3G lenta.

Con una buena conexión, un correo electrónico de 1 mb se cargaría en una fracción de segundo y al usuario le parecería instantáneo. Sin embargo, con una conexión 3G, el correo electrónico completo puede tardar entre 2 y 14 segundos en cargarse. Y si su público objetivo dispone de una conexión 2G, la descarga puede durar un par de minutos.

También es un problema potencial para los usuarios con planes de datos restrictivos que tienen que tener en cuenta cada MB que descargan. Esto es especialmente importante en los países en desarrollo.

Hay un par de cosas que puedes hacer para ayudar:

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.

Puesta en común

Con el tamaño de los archivos, como con muchas otras cosas, todo se reduce a un compromiso. Puede que haga algunas pruebas A/B y descubra que las imágenes grandes de alta resolución funcionan bien. Es posible que encuentre que una gran cantidad de contenido detallado funciona bien. Puede que la interactividad compleja funcione bien. Sin embargo, cuando usted pone los tres en una sola campaña - usted puede ver que las cosas empiezan a funcionar mal.