跳转到主要内容

优化电子邮件(Email)加载时间

学习如何提升您的电子邮件(Email)的加载速度

作者:Ira
更新于今天

电子邮件(Email)营销人员需要考虑很多方面,以优化他们的电子邮件(Email)营销。垃圾邮件陷阱发件人信誉联系人名单维护电子邮件(Email)内容主题行都是影响因素。然而,电子邮件(Email)大小和加载速度通常被忽视。您的电子邮件(Email)的大小和速度会影响您的品牌营销形象。

添加 CSS 动画、响应式地显示/隐藏图片或内容、复杂的媒体查询以及其他新效果,正在给电子邮件(Email)增加很多负担。


限制图片数量

您加载的每张图片都是一个单独的服务器请求。如果您加载20张小图片,那就是20个请求,这会使您的电子邮件(Email)加载时间更长。电子邮件(Email)的加载大小是指用户在电子邮件客户端中打开它时的大小。这包括所有已下载的图片。

在您的新闻稿中使用图片的最佳方式是保持您的电子邮件(Email)一致。优化图片与文本的比例是加快加载时间并提高所有指标性能的最简单方法之一。尽管没有确凿证据表明良好的文本与图片比例总是有帮助的,但它仍然有可能有利于您的电子邮件(Email)的表现。您应该包含一两句话,以搭配您的每张图片。

样式文本、Unicode 字符、CSS 三角形等通常可以用来替代图片。

优化图片

  • 保存图片用于网络在不显著降低您的图片质量的情况下,可以减小图片文件。最佳方法是使用大多数图像编辑器都具备的“Save for Web”功能。

  • 始终导出您的图片的网页版本,最大 72 DPI。要查找图片在Windows中的DPI,右键点击文件名并选择 属性 → 详细信息。在“图片”部分,您会看到DPI,标记为“水平分辨率”和“垂直分辨率”。在 Mac 上,您需要打开图片并选择菜单栏中的 Tools → Adjust Size 。这将解决模糊问题,并使您的图片保持清晰。

  • 如果您为您的电子邮件(Email)下载了一张图库照片,请确保您在图像编辑器中打开它,并以所需的质量重新保存。

  • 如果并排图像的高度和宽度不匹配,移动设备将不会自动调整其大小。保持您的图片统一并调整到正确尺寸,可以防止移动端图片堆叠问题。

  • 为不同的图片选择合适的格式。

    • JPG 适用于照片,

    • PNG-8 适用于简单图片,

    • PNG-24 适用于图像和摄影元素的组合。

  • PNG 文件可保持最高质量。因此,PNG 图片也会使您的电子邮件(Email)整体文件更大。保持图片尺寸小并使用优化应用程序处理您的图片,将减少图片的整体大小,同时保持您想要的质量。

  • 使用第三方应用进行图片优化,以进一步优化网络图片。优化不佳的图片会增加加载时间,并占用用户和网络宝贵的带宽。

拆分冗长的电子邮件(Email)

与其让一封冗长的电子邮件(Email)包含大量内容,不如将一封长电子邮件(Email)分成多个不同的部分,并使用分隔符(Line/Space block)。这使得浏览器或电子邮件(Email)客户端能够从上到下开始布局电子邮件(Email)。

这也意味着大多数电子邮件客户端可以开始从上到下依次呈现您的信息,给人一种您的电子邮件(Email)加载速度更快的印象。

与添加没有分隔符的独立堆叠块不同,这会增加电子邮件(Email)标记的整体大小。

保持电子邮件(Email)简短

就是这么简单。减少信息量,您的电子邮件(Email)的大小将自动减小。此外,这似乎是一个日益增长的趋势,并且 研究 表明具有单一、直接信息的电子邮件(Email)表现更好。在您的电子邮件(Email)中文字不多时,策略性放置的链接可以鼓励读者点击以了解更多信息,并因此购买您的产品。

简短的电子邮件(Email)对于不习惯阅读长篇文字的客户来说,也更不会让他们感到有压力,因为他们可能会被多段文字所淹没。

压缩 HTML

这适用于有编码经验并在电子邮件中使用 HTML 的客户。代码压缩是最小化您的电子邮件(Email)中代码的过程。如果您使用 HTML 模板、HTML 内容块或任何 CSS 代码,这是减少加载时间的主要方法之一。压缩可以显著减少 HTML 文件大小。除了压缩 HTML,您还可以压缩电子邮件(Email)中使用的 CSS 代码。经过精简的电子邮件(Email)代码占用更少的KB空间,使其更易于发送、更易于打开,并为带宽有限的套餐节省移动数据。这也降低了 Gmail 邮件截断的可能性。每一点都有帮助!这也意味着裁剪多余的空白。使用 HTML 定位图片而不是使用空白,可以轻松减小图片文件大小。

给设计师的提示 💡 “Time to Display”或“Time to Paint”是电子邮件(Email)设计师需要考虑的关键点。这是电子邮件(Email)客户端显示电子邮件(Email)内容所需的时间。随着电子邮件(Email)不断发展并使用更多CSS,浏览器和电子邮件(Email)客户端都需要付出额外努力来显示HTML。这正是电子邮件(Email)设计师真正应该关注的指标。

移动使用

移动设备上的下载速度明显低于桌面浏览器和应用程序。如果您有大量的移动受众,性能问题将更为突出。它应该会相应地影响您在图片数量和文件大小方面的设计选择。

请记住,移动中的客户可能会快速浏览您的电子邮件(Email),因此请确保您的内容清晰简洁。这就是为什么我们建议在您的电子邮件(Email)中使用可见性设置,以便在移动设备上显示更精简的内容。

为了限制可见性,请点击您想要更改可见性的内容块,然后选择布局选项卡。向下滚动到显示设置 -> 选择哪些设备应显示内容块。您可以将其显示给:

  • 所有设备;

  • 仅限移动设备;

  • 仅限桌面设备。

摘要

只要您考虑到这些建议,并遵循最佳实践来制作您的新闻通讯,以确保其不含过多图片,Omnisend 和电子邮件将发挥其最大潜力。您可以将这些技巧应用于单个电子邮件(Email),并通过A/B content test来检查其效果。将这些技巧应用到您的下一封电子邮件(Email)中,并查看结果!


需要进一步指导? 我们的支持团队在应用中只需点击即可联系,或者您可以通过电子邮件(Email)[email protected]

这是否解答了您的问题?