Cuando hablamos del tamaño de los archivos en el email, realmente estamos hablando de 3 temas: el tamaño del archivo HTML enviado, el tamaño de los activos externos y el tamaño total cargado. Queremos mantener todos estos tamaños de archivo lo más pequeños posible, pero ¿cuáles son los tamaños máximos y a qué deberíamos aspirar?
HTML File Size
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 estas se vincularían desde este archivo html y se descargarían al abrirse.
El tamaño máximo que recomendamos es de 100KB, ya que cualquier cosa superior puede llevar a problemas de entregabilidad y visualización. Por ejemplo, Gmail recortará tu html en 102KB. El recorte ocultará el final de tu correo electrónico y puede romper tu diseño. El manejo de correos electrónicos por parte de Gmail tiene otras consideraciones también, como el impacto de la precarga de imágenes en el seguimiento del correo electrónico.
La mayoría de los correos electrónicos deberían fácilmente estar por debajo de 50KB. Sin embargo, a veces mejoras progresivas complejas o una gran cantidad de contenido de campaña resultan en un tamaño de archivo mayor. Si esto sucede, hay varias maneras de ayudar a reducir el tamaño de tu archivo HTML.
Limpia tu código. El correo electrónico está cambiando constantemente y vemos muchas plantillas con código desactualizado en ellas. Una limpieza rápida puede ahorrar algunos KBs.
No sobrecargues con código. Algunas plantillas que vemos tienen código extra que simplemente no es necesario. Para obtener orientación sobre cómo crear plantillas eficientes, consulta nuestra guía sobre plantillas de correo electrónico avanzadas. El peor caso es agregar elementos de tabla adicionales. La mayoría de los diseños se pueden lograr con 5-10 tablas, pero a menudo vemos códigos con 30-40 tablas. Menos tablas también tiene el beneficio adicional de hacer que tu código sea más fácil de leer.
Mueve parte del código de HTML a CSS. Aún no es seguro mover todos tus estilos a CSS, pero si se hace correctamente mover algunos estilos en línea a estilos embebidos puede ayudar a reducir el código.
Simplifica tu diseño. Otra opción es volver a la etapa de diseño. Los correos electrónicos de una sola columna usan mucho menos código.
Minimiza tu código. Minimizar el código eliminará espacios y comentarios innecesarios. Esto puede tener un gran efecto, pero ten cuidado ya que muchos ESPs imponen una longitud máxima de línea que podría forzar una nueva línea y romper el código.
Tamaño de External Assets
Tamaño de Email Fully Loaded
Este es el tamaño combinado de todo cuando se abre el correo electrónico y todo se descarga. Esto puede variar dependiendo del entorno en el que se abra el correo electrónico.
El problema principal aquí es el tiempo que tarda en cargar el correo electrónico. Probablemente estés probando tus correos electrónicos 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 tamaño total de correo electrónico de 1mb se cargaría en una fracción de segundo y parecería instantáneo para el usuario. Sin embargo, en una conexión 3G podría tomar entre 2 y 14 segundos cargar el correo electrónico completo. Y, si es probable que tu audiencia objetivo esté en una conexión 2G, esa descarga podría tomar un par de minutos. Cuando los correos electrónicos se cargan lentamente, las líneas de asunto convincentes se vuelven aún más críticas para el compromiso.
Esto también es un problema potencial para los usuarios con planes de datos restrictivos que tienen que considerar cada MB que descargan. Esto es particularmente una consideración en las naciones en desarrollo.
Un par de cosas que puedes hacer para ayudar:
Primero, revisa todas las recomendaciones que mencionamos sobre la optimización del tamaño de html e imágenes.
Si tienes tiempo, siempre es bueno experimentar con el código y probar qué es realmente necesario y qué puedes omitir. Experimenta con imágenes y prueba diferentes maneras de comprimirlas. Asegúrate de que tu correo electrónico se vea bien y tenga sentido sin imágenes, para que tus usuarios puedan empezar a ver tu correo electrónico mientras esperan las imágenes.
Poniéndolo Todo Junto
Con tamaños de archivo, como con muchas cosas, todo se reduce a un compromiso. Puedes realizar pruebas A/B y encontrar que las imágenes grandes de alta resolución funcionan bien. Puedes descubrir que mucho contenido detallado funciona bien. Puedes encontrar que la interactividad compleja funciona bien. Sin embargo, cuando pones los tres en una sola campaña, puedes ver que las cosas comienzan a funcionar mal. Los problemas de rendimiento del correo electrónico también pueden deberse a problemas de entregabilidad como errores tipográficos en direcciones de correo electrónico.
