跨职能解决网站速度问题

其他部门如何助力您的网站速度优化项目取得更大的成功。

丽娜·汉森
Lina Hansson
X 首页

与网站速度相关的一个常见误区是只有开发团队负责。事实上，快速的网站需要多个部门的帮助。开发者很少能独自解决问题，无论他们多么天才。那么，如何与同事一起解决速度问题呢？本文介绍您（作为 Web 开发者）可以如何说服公司优先考虑网站速度、在优化时获得不同部门的帮助，并提高优化项目的成效意识。

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

许多公司都面临着消费者行为的颠覆性转变，越来越多的人通过数字平台而不是实体店购物，这说明企业需要快速调整，否则面临收入下降的风险。这将需要新的组织流程和新的思维模式，并且需要利益相关方的强力支持才能取得成功。

共同的挑战

公司组织自身的组织方式很可能需要在多个层面上改变。首先，如果开发者没有时间来开展开发速度项目，并且有可能实现收入提升，那么开发速度项目将很难开展。资源分配需要就地分配，如果利益相关方和高管表明这是优先项目，则与营销和 Web 设计人员等其他部门的协作通常会变得更加顺畅。

除了这个运营层面之外，利益相关方也务必要了解，目前正在发生两种转变：

这意味着，如果公司在做出决策时，数字平台专家的人员会具有优势，因此，我们建议邀请一位开发者参加制定业务决策的会议，确保从一开始就考虑到网站及其限制，从而确保增加销售额。

向利益相关方发送提案

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

准备与利益相关方开会

在与利益相关方会面之前，请确保您已准备好自己的网站和竞争对手网站的相关数据，也做好了所建议的更改可带来较高投资回报率的数据。收集有关速度重要性的数据。最好的情形是它与公司的收入相关。以下是实现此目标的一些方法：

  • 计算相对移动转化率。 与您的分析团队合作，进行速度的价值中所述的分析。如果您以往的某个时间段（至少 2-3 个月）的加载时间比另一个等长时间段的加载时间长得多，则网站速度缓慢通常会严重影响移动转化。通过分析，您可以计算公司在网速不佳期间损失的收入，证明速度的价值。如果加载时间保持不变，分析将难以执行，且以下替代方案可以获得更多答案。
  • 利用统计模型估算速度值。 借助 Google 的 TestMySite，您可以运行测试，然后计算运行速度较快的网站对业务的影响。您只需要有关平均每月访问者人数、转化率和平均订单价值的数据，您的分析团队就可以为您提供帮助。
  • 提供最佳做法案例研究。 您还可以参考其他公司的使用场景，他们已经加快了网站的运行速度，并看到了成效。 网页加载时间如何影响转化率：12 项案例研究提供了一些示例。
  • 展现移动网站的重要性。 请分析团队提供相关数据，说明您的移动设备流量和桌面设备流量分别占多大比例。
  • 研究相关费用是多少。 上述计算旨在向利益相关方展示速度可能带来的收入提升幅度，但为了便于利益相关方做出决策，他们需要了解投资回报率，因此如果您准备好了估算费用，执行决策可以更快做出。为此，请评估最初的重点速度项目需要多长时间，以及之后需要多长时间进行维护。例如，在前瞻性思维：途易通过打破孤岛加快网站速度，为开发者节省了 20% 的时间来摆脱积压和营销活动，从而将精力用于加快项目速度和其他改善网站的方式。

与利益相关方见面

  • 了解来自移动设备与桌面设备分别获得了多少流量，以及过去几年您的移动设备流量增长情况。这彰显了打造出色移动体验的重要性。
  • 阐述速度对公司收入的影响。
  • 让利益相关方知道，如果有时间持续加快工作速度，开发者可以帮助增加移动访问者带来的收入。
  • 建议应邀请开发团队中的一人参加高管会议，届时将就网站事宜做出决策。如今，我们在数字平台上销售产品获奖者将是开始与其数字专家交流的公司。现代公司需要在部门之间以及利益相关方与开发者之间建立沟通流。《哈佛商业评论》的一项研究表明，六分之一的 IT 项目成本超过 200%。例如，Kmart 在 2000 年启动其价值 14 亿美元的 IT 现代化项目时，它就失去了对 Walmart 和 Target 的竞争地位。通过尽早建立沟通和维护工作，可以打破孤岛，知识共享可以成为一种竞争优势。

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

共同的挑战

营销团队需要各种工具来处理广告和数据，才能做出明智的决策，但大多数工具会拖慢网站速度，并且通常采用会阻塞渲染的脚本来实现，这些脚本会使进入网站的访问者必须等待一段时间才能看到屏幕上显示的内容。因此，需要实现一种平衡；营销部门需要数据和工具，但要使网站获得较低的跳出率和较高的转化率，就必须保持较高的速度，以便营销部门获得理想的投资回报率。

通过谨慎使用脚本来实现平衡：

  • 避免衡量对象大致相同的重复项。
  • 移除不再使用的工具。
  • 不要衡量“锦上添花”的事情。仅衡量对业务至关重要的指标。

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

向您的营销团队发送提案

用于跟踪和广告的工具通常会限制访问者进入网站后查看内容的速度。这样会降低营销投资的价值，因为我们是为广告付费，用户会对此产生兴趣，点击之后就不得不等待。这可能会使他们感到生气并离开。一项研究发现，当速度指标可交互时间从 0.15 秒增加到 0.3 秒时，转化率从 50% 左右下降到 35% 左右。我们是否可以携手解决此问题，在所需工具和网站性能之间取得平衡，从而提高营销投资回报率？

准备与营销团队开会

  • 创建在网站上实现的脚本的列表。
  • 将该列表发送给营销团队，请他们提前进行查看，并将其分为三类：
    • 关键业务。这些脚本必须保留。
    • 建议。使用次数较少或被移除的脚本。例如，有时公司会收集热图或屏幕录制内容，但这些数据只会很少得到审核，不会带来行动或增加转化率。在这种情况下，最好同意仅运行工具（比如）两周，收集数据洞见进行分析，然后清理脚本，直到需要进行下一个集中式数据收集。
    • 未使用或非自有。应移除这些内容。
  • 通过比较使用每个脚本和不使用每个脚本的网站速度，了解每个脚本在多大程度上拖慢了网站速度。 在 WebPageTest 中，可以通过“高级设置”中的“屏蔽”标签页进行设置。或者，您也可以在 Chrome 开发者工具中屏蔽网络请求。

与营销团队会面

  • 浏览脚本列表并给出每个脚本的视图。 例如，是否有任何值得加入的脚本会对网站性能造成非常大的破坏？收到建议后，营销团队可以更轻松地对其进行优先级排序；通过了解对他们而言对业务至关重要的方面，您可以更轻松地了解他们的观点。
  • 讨论以下主题：
    • 收集的数据带来的好处是否会导致转化次数的提高幅度超过网站速度变慢导致的减少幅度？数据可以指导做出决定。
    • 贵公司是否选择了市场上拥有该工具最快版本的提供商？营销部门可能需要开发者的帮助，以确定关键业务工具是否可以替换为更快的替代方案。
    • 是否有网站上任何脚本的替代方案？例如，您可以不使用热图，而是开始进行易用性测试，在此过程中也会听到用户行为背后的“原因”，这通常能够带来更深入的数据洞见。

就后续步骤达成一致

  • 确定后续步骤。营销是否始终在实施之前要求开发者审查新工具及其对速度的影响？或者，营销团队是否应该制定一个性能预算，用来学习如何查看速度，并且只要符合速度目标，他们就可以优先考虑需要哪些工具？

在网页设计团队的帮助下解决速度问题

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

共同的挑战

最后，公司内所有部门通常都依赖于网站来促成转化，无论是创收还是其他目的。更严峻的事实是，如果网页需要很长时间才能加载，导致用户不愿意停留在网站上，那么精美的网页无论如何都无关紧要。

但网页精简是大家共同的责任。开发者可以使用各种图像优化技术来加快图像加载速度。Web 设计人员可以创建有助于将页面重量控制在商定水平以下的页面。

向网页设计团队发送提案

研究表明，在网页中添加的图片越少，元素越少，转化次数就越高。例如，Google 和 SOASTA 联合开展的一项研究发现，已转化用户的会话中的图片比未转化的会话少 38%。我们能否携手合作，以实现速度目标，并安排联合协作来提高网站上的转化次数？举例来说，我们可以共同实现以下目标：在质量和速度之间找到合适的图片压缩级别，或减少通常会导致网站过重且速度缓慢的复杂布局或功能。

准备与网页设计团队的会议

  • 跟踪网站上哪些网页的加载时间最长和网页重量最高。例如，如果您运营的是电子商务网站，请确保不仅检查首页，也检查所有广告系列页面、一些最大的类别页面、一些产品页面，以及结账流程。
  • 为设计师准备性能预算提案。一种替代方案是，开始时应尽可能简单，并以页面重量为指标，然后将所有网页的目标大小设置为 1 MB（如果品牌塑造对转化非常重要，则设置为 1.5 MB）。
  • 准备一个列表，列出最终超过了目标页面重量级别的网页。

与网页设计团队会面

  • 致力于研究开发团队如何通过各种图片优化技术更快地提供图片，例如图片压缩、响应式图片、图片大小调整、延迟加载、缓存和服务器优化。
  • 创建一个测试网页，其中发布的图片具有不同的质量和尺寸，并商定可在不同屏幕上平衡性能和质量的级别。请注意，移动设备上的访问者的会话时长通常较短，一项研究显示超过一半的移动会话时长不超过 30 秒。这些用户可能不会详细研究图片，而可能希望网站能够快速加载。
  • 提出性能预算，网页设计人员应承诺确保所有网页的页面重量低于 1 MB（或不超过 1.5 MB）。

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

企业需要数据来知道要重点关注哪些方面并为决策提供依据。然而，虽然许多人谈论网站速度的重要性及其与收入和销售的关系，但仍然有许多公司没有在技术团队以外的每周报告中将速度纳入速度范围。如果开发者开始与分析团队进行协作，这种情况可以改变。

共同的挑战

现实情况是：系统不会重点关注未报告的内容。如果向业务利益相关方的每周或每月报告没有涉及网站速度信息，那么网站速度很容易被遗忘，并且很难获得相关的资源。但是，由于分析团队通常没有跟踪速度方面的经验，因此需要开发者的帮助。此外，开发者需要分析团队的帮助来计算速度提升后对收入的影响。这些部门之间的相互依赖比最初可能想到的更加依赖。

向您的分析团队发送提案

许多案例研究显示网站速度对收入和跳出率的影响。我们是否可以合作为公司设置网站速度跟踪功能，也许可以将速度纳入发送给相关负责人的报告，以获得更多认可？

为与数据分析团队召开会议做准备

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

与数据分析团队会面

  • 查看通过 The value of speed 创建的图表。 相对移动转化率是跟踪速度影响以及网站改进情况的一种方式。询问分析团队是否愿意开始跟踪此信息。
  • 确定 Google Analytics（分析）中的加载时间指标是否足以生成简化的业务报告。 速度值使用此指标。正如许多开发者所知，这只是众多重要的速度指标之一，由于它在 Google Analytics（分析）中，因此它也是实测数据，而不是实验室数据。但是，它是否足以用于简化的商业报告？ 检查您从上述分析中获得的结果，看看在至少 2-3 个月的加载时间较长时，相对移动转化率是否下降；如果相对移动转化率上升了至少 2-3 个月，相对移动转化率有所下降。如果您的加载时间一直相当稳定，那么在您大幅度提高速度之前，就很难了解分析是否对您有效。如果是，请选择下一个替代方案。
  • 显示开发者使用的速度指标的图表。向分析团队说明这些变化，看看您是否发现了与转化率或相对移动转化率的相关性。
  • 让分析团队有时间思考如何加快与收入相关的计算速度，以及如何向利益相关方报告这一点。对他们来说，这通常是一个新主题。 然后再次会面，尝试双方都同意的方法。与往常一样，您需要修改数据收集，直到找到合适的模型，但这是开始协作的一种方式。

后续步骤

在速度项目带来重大改进之后，请您的分析团队执行速度的价值中列出的分析。这将向公司显示其转化次数和收入增加了多少，从而奖励您的团队以及与您合作的所有部门。可以将这些信息包含在面向利益相关方的每周报告中，以便让项目不会是一次性的工作，而是会持续进行维护。