跨职能解决网站速度问题

其他部门如何帮助您取得更理想的网站速度优化项目成效。

Lina Hansson
Lina Hansson
X 首页

与网站速度相关的一个常见误区是，网站速度仅由开发团队负责。事实上，要想让网站速度更快，需要多个部门的通力协作。无论开发者有多么出色，他们很少能单独解决问题。那么，您和同事是如何解决速度问题的？本文介绍了您（作为 Web 开发者）如何说服贵公司优先考虑网站速度、在优化过程中寻求不同部门的帮助，以及提高优化项目成功的认知度。

借助业务利益相关方的帮助解决速度问题

许多公司都面临着消费者行为的颠覆性转变。随着越来越多的人通过数字平台（而非实体店）购物，企业需要快速调整，否则就有可能面临收入下滑的风险。为此，组织需要采用新的组织流程和思维方式，并获得利益相关方的强力支持，才能取得成功。

共同面临的挑战

公司组织方式最有可能需要在多个层面进行调整。首先，如果开发者没有时间处理一项可能带来收入提升的快速项目，就很难完成该项目。需要做好资源分配，如果利益相关方和高管表明该项目是优先项目，那么与营销和网站设计师等其他部门的协作通常会更顺利。

除了运营层面之外，利益相关方还需要了解，目前正在发生两种转变：

这意味着，如果公司在制定高层决策时能参考数字平台专家的意见，将会更具优势。因此，建议邀请一位开发者参加制定业务决策的会议，以确保从一开始就考虑到网站及其限制，从而确保提高销售额。

向利益相关方发送提案

一般来说，大约 10% 的销售发生在数字平台上，但研究表明，高达 85% 的实体店销售是先受到数字渠道的影响。因此，拥有效果出色的网站（尤其是在移动设备上，移动设备正成为主要设备），对我们业务的收入至关重要。我们提出了一个速度提升项目，旨在帮助网站提高转化次数，并建立沟通渠道，以便在做出影响网站的决策之前，更好地利用技术团队的数据洞见。

为与利益相关方会面做好准备

在与利益相关方会面之前，请确保您已准备好网站和竞争对手网站的数据，以及能够证明您建议的更改具有高投资回报率的数据。收集有关速度重要性的数据。最好能与公司收入相关。您可以通过以下几种方法实现此目的：

  • 计算相对移动转化率。 与您的分析团队合作，执行速度的重要性中所述的分析。如果您过去有某个时间段（至少 2-3 个月）的加载时间明显长于另一个等长时间段，那么网站速度缓慢通常会严重影响移动设备转化。通过分析，您可以计算公司在速度较慢的这段时间内损失了多少收入，从而证明速度的重要性。如果加载时间保持在大致相同的水平，则很难执行分析，而以下替代方案可以提供更多答案。
  • 根据统计模型估算速度值。借助 Google 的 TestMySite，您可以运行测试，然后计算更快的网站对您的业务有何影响。您只需提供有关每月平均访问者数、转化率和平均订单价值的数据，您的分析团队可以帮助您获取这些数据。
  • 提供最佳实践案例研究。 您还可以使用其他公司缩短网站加载时间并取得成效的案例。 网页加载时间如何影响转化率：12 个案例研究提供了一些示例。
  • 展示移动设备的重要性。 请分析团队提供有关流量中来自移动设备和桌面设备的百分比的数据。
  • 了解费用。 上述计算方法可用于向利益相关方展示提高速度后可能带来的收入提升幅度，但为了让利益相关方能够做出决策，他们需要知道投资回报率 (ROI)。因此，如果您准备好了估算费用，那么高管可以更快地做出决策。为此，请评估初始专注于速度的项目需要多长时间，以及之后需要多长时间进行维护。例如，在提速思维：TUI 通过打破孤岛来加快网站速度一文中，我们为开发者留出了 20% 的时间，让他们可以从积压工作和广告系列中解脱出来，专注于加快项目进度和通过其他方式改进网站。

与相关人员见面

  • 展示您从移动设备和桌面设备获得的流量以及过去几年来自移动设备的流量增长情况。这充分说明了打造出色移动体验的重要性。
  • 展示您发现的速度对公司收入有何影响。
  • 让利益相关方知道，如果给开发者留出时间持续改进速度，他们可以帮助提高来自移动访问者的收入。
  • 建议邀请开发团队的一名成员参加将就网站相关事宜做出决策的高管会议。如今，我们在数字平台上销售商品。胜出者将是开始与数字专家沟通的公司。现代公司需要在部门之间以及利益相关方和开发者之间建立通信流。《哈佛商业评论》的一项研究表明，每 6 个 IT 项目中就有 1 个的超支幅度达到 200%。例如，Kmart 在 2000 年开始实施耗资 14 亿美元的 IT 现代化项目时，其竞争地位正在向 Walmart 和 Target 让步。通过尽早建立沟通和维护机制，可以打破孤岛，并将知识共享转化为竞争优势。

在营销团队的帮助下解决速度问题

共同面临的挑战

营销团队需要使用工具来处理广告和数据，以便做出明智的决策，但大多数工具都会降低网站速度，并且通常会使用会阻止呈现的脚本来实现，这会导致访问者进入网站后必须等待一段时间才能在屏幕上看到任何内容。因此，需要取得平衡；营销部门需要数据和工具，但为了让网站获得较低的跳出率和较高的转化率，网站必须快速运行，这样营销部门才能获得良好的投资回报。

要想实现这种平衡，需要谨慎使用脚本：

  • 避免创建衡量大致相同内容的重复指标。
  • 移除不再使用的工具。
  • 请勿衡量“有用但不是必需”的功能。仅衡量对业务至关重要的指标。

由于开发者很难知道营销部门依赖于哪些工具，而营销部门可能不知道哪些工具对网站特别重，因此您需要协作。

向营销团队发送提案

用于跟踪和投放广告的工具通常会影响访问者进入网站后看到内容的速度。这会降低营销投资的价值，因为我们付费投放广告，用户感兴趣，点击了广告，但却不得不等待。这可能会让他们感到厌烦并离开。一项研究发现，当速度指标“互动所需时间”从 0.15 秒增加到 0.3 秒时，转化率从 50% 左右下降到 35% 左右。能否让我们一起解决这个问题，在您需要的工具和网站效果之间取得平衡，从而提高营销投资回报率？

为与营销团队的会议做好准备

  • 创建网站上植入的脚本的列表。
  • 将列表发送给营销团队，请他们提前查看并将其分为三个类别：
    • 关键业务。这些脚本必须保留。
    • 建议。可以减少使用或移除的脚本。例如，有时公司会收集热图或屏幕录制内容，但这些数据可能只会不定期查看，不会促成采取行动或提高转化次数。在这种情况下，最好同意仅运行两周（例如），收集数据分析洞见，然后清理脚本，直到下一次专注于数据收集时再运行。
    • 未使用或无所有权。应将其移除。
  • 通过比较启用和停用脚本时的网站速度，检查每个脚本对网站速度的影响程度。在 WebPageTest 中，您可以通过“高级设置”中的“屏蔽”标签页进行设置。或者，您也可以在 Chrome 开发者工具中屏蔽网络请求。

与营销团队会面

  • 浏览脚本列表，并对每个脚本发表您的看法。 例如，有没有任何不太重要的脚本会严重影响网站性能？通过接收建议，营销团队可以更轻松地确定优先事项，而了解对他们而言至关重要的业务问题，有助于您更轻松地理解他们的观点。
  • 讨论以下主题：
    • 收集数据的好处是否会带来转化次数的增加，而这种增加是否会超过网站速度变慢所导致的转化次数减少？数据可以为决策提供指导。
    • 贵公司是否选择了市场上速度最快的工具提供商？营销部门可能需要开发者的帮助，才能确定业务关键工具能否被更快的替代方案取代。
    • 网站上的任何脚本是否有替代方案？例如，您可以开始进行易用性测试，而不是热图，从而了解用户行为背后的“原因”，这通常会带来更深入的洞见。

商定后续步骤

  • 确定后续流程。营销团队是否应始终要求开发者在实施新工具之前先审核这些工具及其对速度的影响？或者，营销团队是否应该获得性能预算，让他们学习如何检查速度，并自行确定所需工具的优先级（只要能达到速度目标即可）？

借助 Web 设计团队的帮助解决速度问题

网络性能面临的最大挑战之一是，虽然许多地区的网络连接速度可能越来越快，但网站越来越重，因此实际速度越来越慢。开发者需要与 Web 设计师合作才能解决此问题。

共同面临的挑战

归根结底，公司内的所有部门通常都依赖于促成转化的网站，无论是出于创收还是其他目的。残酷的现实是，无论网页有多美，如果加载时间太长，用户都不会耐心等待。

不过，轻量 Web 页面是一项共同的责任。开发者可以使用各种图片优化技术来加快图片加载速度。Web 设计师可以创建有助于将网页大小保持在商定水平以下的网页。

向 Web 设计团队发送提案

研究表明，图片和元素较少的网页可以促成更多转化。例如，Google 和 SOASTA 开展的一项研究发现，与未促成用户转化的会话相比，促成用户转化的会话包含的图片数量减少了 38%。我们能否携手合作，实现速度目标并建立能提高网站转化次数的联合协作机制？我们可以共同实现的目标包括：在质量和速度之间取得平衡，找到合适的图片压缩级别；或减少通常会导致网站运行缓慢的复杂布局或功能。

为与网站设计团队的会议做好准备

  • 跟踪网站上加载时间最长和网页大小最大的网页。例如，如果您要为电子商务网站进行优化，请务必检查不仅仅是首页，还要检查所有宣传活动页面、一些最大的类别页面、一些商品页面以及结账流程。
  • 为设计师准备效果预算提案。一种替代方法是，先从尽可能简单的网页大小指标入手，并将 1 MB 设为所有网页的目标值（如果品牌推广对转化至关重要，则设为 1.5 MB）。
  • 准备一份列表，列出超出目标页面权重级别的页面。

与您的网站设计团队会面

  • 致力于研究开发团队如何通过各种图片优化技术（例如图片压缩、响应式图片、图片大小调整、延迟加载、缓存和服务器优化）更快地提交图片。
  • 创建一个测试页面，在其中以不同的图片质量和尺寸发布图片，并就能够在不同屏幕上平衡效果和质量的图片质量达成一致。请注意，移动设备访问者的会话时长通常较短。一项研究表明，超过半数的移动会话时长不超过 30 秒。这类用户可能不会仔细研究图片，并且可能更喜欢网站加载速度快。
  • 提出性能预算，其中 Web 设计师承诺确保所有网页的网页大小不超过 1 MB（或最多 1.5 MB）。

借助分析团队的帮助解决速度问题

企业需要数据来了解要重点关注哪些方面，并据此做出决策。尽管许多人谈论网站速度的重要性及其与收入和销售之间的关系，但仍有许多公司在技术团队之外的每周报告中未纳入速度指标。如果开发者开始与分析团队合作，则可以更改此设置。

共同面临的挑战

现实情况是：系统不会重点关注未报告的内容。如果网站速度未包含在向业务利益相关方提供的每周或每月报告中，那么它很容易被遗忘，而且您很难获得专门用于关注它的资源。但是，由于分析团队通常不熟悉跟踪速度，因此需要开发者的帮助。开发者需要分析团队的帮助，才能计算提高速度对收入的影响。这些部门之间的相互依赖程度比人们最初想象的要高。

向您的分析团队发送提案

许多案例研究都展示了网站速度对收入和跳出率的影响。我们能否合作为贵公司设置网站速度跟踪，并在向利益相关方提供的报告中添加速度信息，以便获得更多支持？

为与分析团队的会议做好准备

  • 定期跟踪速度。建议您将 API 与 Lighthouse CI、PageSpeed Insights 或 WebPageTest 等工具搭配使用，以便在受控实验室环境中定期收集统计信息，从而轻松对不同时间段进行基准测试。
  • 将速度的价值转发给分析团队，并询问他们是否可以执行分析，以便您在会议期间直接分析图表。

与您的分析团队会面

  • 查看通过速度的价值创建的图表。 相对移动转化率是一种跟踪速度影响和网站改进情况的方法。询问分析团队是否愿意开始跟踪此指标。
  • 确定 Google Analytics 中的加载时间指标是否足以用于简化后的业务报告。 速度的值使用此指标。正如许多开发者所知，这只是众多重要速度指标之一，而且由于它位于 Google Analytics 中，因此也属于现场数据，而不是实验室数据。但它是否足以用于简化商家报告？ 查看您通过上述分析得出的结论，看看是否可以观察到以下情况：当加载时间至少连续 2-3 个月较高时，相应的移动设备转化率是否会下降；当加载时间连续 2-3 个月较低时，相应的移动设备转化率是否会上升。如果您的加载时间一直保持相当稳定，那么在您大幅提升速度之前，很难确定分析是否有用。如果是，请改用下一个替代方案。
  • 显示开发者使用的速度指标的图表。将这些问题说明给分析团队，看看能否发现与转化率或相对移动转化率之间的相关性。
  • 给分析团队一些时间，让他们思考如何在与收入相关的计算中使用速度，以及如何向利益相关方报告此类数据。这对他们来说通常是一个新话题。然后再次见面，尝试采用你们商定的做法。一如既往，您需要修改数据收集方式，直到找到合适的方法，但这是一种开始协作的方式。

后续步骤

在速度提升项目取得显著成效后，请让分析团队执行速度的价值中所述的分析。这将向公司展示它获得了多少转化次数和收入，并奖励您的团队以及与您合作的所有部门。这可以纳入向利益相关方提交的每周报告中，以便该项目不会成为一次性工作，而是持续维护。