跨部门协作提升网站速度

其他部门如何帮助您更成功地完成网站速度优化项目。

Lina Hansson

关于网站速度的一个常见误解是，这只是开发团队的责任。但现实情况是，一个快速的网站需要多个部门的帮助。无论开发人员多么有才华，他们也很少能单独解决问题。那么，如何与同事们一起解决速度问题呢？本文将解释您（作为 Web 开发人员）如何说服您的公司优先考虑网站速度，在优化的同时获得不同部门的帮助，并提高对优化项目成功的认识。

在业务利益相关者的帮助下提高速度

许多公司正处于消费者行为的颠覆性转变之中，人们在数字平台而非实体店购物的增长趋势表明，公司需要快速调整，否则将面临收入下降的风险。这将需要新的组织流程和思维模式，以及利益相关者的强烈认同才能成功。

共同的挑战

公司组织自身的方式很可能需要在多个层面进行变革。首先，一个速度项目及其可能带来的收入提升，如果没有开发人员的时间投入，将难以执行。资源分配需要到位，如果利益相关者和高管表明这是一个优先项目，与营销和网页设计师等其他部门的协作通常会更顺畅。

除了运营层面，利益相关者还必须了解当前正在发生的两个转变

这意味着，由数字平台专家提供信息以做出高层决策的公司将具有优势。因此，一个建议是邀请一位开发人员参加制定业务决策的会议，以确保从一开始就考虑到网站及其限制，从而确保销售额的增长。

向您的利益相关者发送提案

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

为与您的利益相关者会面做准备

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

  • 计算您的相对移动端转化率。与您的分析团队合作，并执行速度的价值中描述的分析。如果您在历史上有一个时期（至少 2-3 个月）加载时间远高于另一个等长时期，那么较慢的网站速度通常会对移动端转化率产生严重影响。通过分析，您可以计算出公司在速度较差时期损失了多少收入，从而证明速度的价值。如果加载时间保持在几乎相同的水平，则分析将难以执行，以下替代方案可以提供更多答案。
  • 从统计模型估算速度的价值。借助 Google 的 TestMySite，您可以运行测试，然后计算更快的网站可能对您的业务产生的影响。您只需要有关平均每月访问者、转化率和平均订单价值的数据，您的分析团队可以帮助您获得这些数据。
  • 提供最佳实践案例研究。您还可以使用其他公司的案例，这些公司提高了网站速度并看到了效果。页面加载时间如何影响转化率：12 个案例研究提供了一些示例。
  • 展示移动端的重要性。请分析团队提供有关您的流量中移动端与桌面端流量百分比的数据。
  • 研究这将花费多少成本。以上计算是向利益相关者展示速度可能带来的收入提升的方法，但为了让利益相关者做出决策，他们需要了解投资回报率，因此如果您准备好估算的成本，则可以更快地达成高层决策。为此，评估最初重点速度项目需要多长时间，以及之后您需要多少维护时间。例如，在快进思维：TUI 通过打破孤岛来提高网站速度中，开发人员获得了 20% 的时间，可以从积压工作和营销活动中解放出来，他们可以将这些时间投入到速度项目和其他改进网站的方法上。

与您的利益相关者会面

  • 展示您从移动端与桌面端获得的流量，以及过去几年移动端流量的增长情况。这突显了创建出色移动端体验的重要性。
  • 展示您的研究结果，说明速度如何影响公司收入.
  • 让利益相关者知道，如果开发人员有时间持续致力于速度提升，他们可以帮助提高来自移动端访问者的收入。
  • 建议邀请开发团队的一名人员参加高层会议，在会上讨论有关网站的决策。如今，我们在数字平台上销售。优胜者将是那些开始与数字专家沟通的公司。现代公司将需要在部门之间以及利益相关者与开发人员之间建立沟通渠道。《哈佛商业评论》的一项研究表明，六分之一的 IT 项目的成本超支 200%。一个例子是凯马特，当它在 2000 年开始其 14 亿美元的 IT 现代化项目时，它正在失去其对沃尔玛和塔吉特的竞争优势。通过尽早建立沟通和维护，可以打破孤岛，知识共享可以成为竞争优势。

在营销团队的帮助下提高速度

共同的挑战

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

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

  • 避免测量大致相同事物的重复项。
  • 删除不再使用的工具。
  • 不要衡量“锦上添花”的事情。仅衡量业务关键事项。

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

向您的营销团队发送提案

用于跟踪和广告的工具通常会阻止访问者在进入网站时快速查看内容。这降低了营销投资的价值，因为我们为广告付费，人们产生兴趣，他们点击，但随后不得不等待。这可能会让他们感到恼火并离开。一项研究发现，当速度指标 可交互时间 从 0.15 秒增加到 0.3 秒时，转化率从大约 50% 下降到大约 35%。我们能否共同努力解决这个问题，在您需要的工具和网站性能之间取得平衡，从而提高营销投资的回报？

为与您的营销团队会面做准备

  • 创建网站上已实施脚本的列表.
  • 将列表发送给营销部门，并请他们提前查看并将其分为三个类别:
    • 业务关键型。这些脚本必须保留。
    • 锦上添花型。可能可以减少使用或删除的脚本。例如，有时公司会收集热图或屏幕录像，但数据可能只是不经常查看，并且不会导致行动或转化率提高。在这些情况下，最好同意仅运行这些工具（例如）两周，收集见解以进行分析，然后在下次集中数据收集期之前清理掉这些脚本。
    • 未使用或非所有。这些应删除。
  • 通过比较有无每个脚本的网站速度，检查每个脚本会使您的网站速度降低多少。在 WebPageTest 中，可以通过高级设置中的“阻止”选项卡进行设置。或者您可以在 Chrome DevTools 中阻止网络请求。

与您的营销团队会面

  • 查看脚本列表，并就每个脚本发表您的看法。例如，是否有任何“锦上添花型”脚本对网站性能造成很大损害？通过接收建议，营销团队更容易确定优先级，通过了解对他们来说什么是业务关键型，您更容易理解他们的观点。
  • 讨论以下主题:
    • 收集的数据带来的好处是否导致转化率的提升超过了网站速度变慢造成的下降？数据可以指导决策。
    • 贵公司是否选择了市场上工具速度最快的供应商？营销部门可能需要开发人员的帮助来确定业务关键型工具是否可以被更快的替代方案取代。
    • 网站上是否有任何脚本的替代方案？例如，与其使用热图，不如开始进行 可用性测试，您还可以从中了解用户行为背后的“原因”，这通常会带来更深入的见解。

商定后续步骤

  • 确定未来发展流程。营销部门是否应始终在实施新工具及其对速度的影响之前要求开发人员进行审查？或者营销部门是否应该获得性能预算，让他们学习如何检查速度，并且他们自己可以确定他们想要哪些工具，只要它们满足速度目标即可？

在网页设计团队的帮助下提高速度

网页性能的最大挑战之一是，虽然许多地区的连接速度可能越来越快，但 网站变得越来越臃肿，结果实际上变得更慢。开发人员需要与网页设计师合作才能解决这个问题。

共同的挑战

最终，公司内的所有部门通常都依赖于网站带来转化，无论是为了创收还是其他目的。残酷的现实是，如果网页加载时间过长，以至于人们不愿意停留下来观看，那么无论网页多么漂亮都无关紧要。

但精简网页是共同的责任。开发人员可以使用各种图像优化技术来加快图像加载速度。网页设计师可以创建有助于将页面权重保持在约定水平以下的页面。

向您的网页设计团队发送提案

研究表明，图像和元素较少的页面可以带来更高的转化率。例如，谷歌和 SOASTA 的一项研究发现，转化用户的会话比未转化用户的会话图像少 38%。我们能否共同努力实现速度目标，并建立可以提高网站转化率的联合协作？我们可以共同实现的目标示例包括找到质量和速度之间平衡的正确图像压缩级别，或减少通常会导致网站臃肿、速度缓慢的复杂布局或功能。

为与您的网页设计团队会面做准备

  • 跟踪网站上哪些页面的加载时间和页面权重最高。例如，如果您正在处理电子商务网站，请确保您不仅检查主页，还要检查任何营销活动页面、一些最大的类别页面、一些产品页面和结账流程。
  • 为设计师准备一份 性能预算 提案。一种替代方案是从尽可能简单的页面权重指标开始，并将所有页面的目标设置为 1 MB（如果品牌对于转化率非常重要，则设置为 1.5 MB）。
  • 准备一份页面权重级别高于目标页面的列表.

与您的网页设计团队会面

  • 承诺调查开发团队如何通过 各种图像优化技术更快地交付图像，例如图像压缩、响应式图像、图像调整大小、延迟加载、缓存和服务器优化。
  • 创建一个测试页面，在其中发布不同图像质量和尺寸的图像，并商定一个在性能和不同屏幕上的质量之间取得平衡的级别。请记住，移动端访问者的会话时长通常很短，一项研究表明，超过一半的移动端会话时长为 30 秒或更短。这些用户可能不会详细研究图像，并且可能更喜欢网站速度快。
  • 提出性能预算，其中网页设计师承诺确保所有网页的页面权重低于 1 MB（或最多 1.5 MB）。

在分析团队的帮助下提高速度

企业需要数据来了解重点关注什么，并为决策提供依据。但是，即使许多人谈论网站速度的重要性及其与收入和销售额的联系，仍然有许多公司没有将速度纳入技术团队以外的每周报告中。如果开发人员开始与分析团队合作，这种情况就可以改变。

共同的挑战

现实情况是：未报告的内容将不会被关注。如果网站速度不是向业务利益相关者提供的每周或每月报告的一部分，那么它很容易被遗忘，您将很难获得资源来关注它。但是，由于分析团队通常没有跟踪速度的经验，因此他们将需要开发人员的帮助。开发人员将需要分析团队的帮助来计算速度改进对收入的影响。这些部门比人们最初想象的更相互依赖。

向您的分析团队发送提案

许多 案例研究 表明网站速度对收入和跳出率的影响。我们是否可以合作建立我们公司的网站速度跟踪，并可能将速度作为发送给利益相关者的报告的一部分，以便我们获得更多的支持？

为与您的分析团队会面做准备

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

与您的分析团队会面

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

后续步骤

在速度项目带来重大改进后，请您的分析团队执行 速度的价值 中概述的分析。它将向公司展示它获得了多少转化率和收入的增长，奖励您的团队以及所有与您合作的部门。这可以包含在向利益相关者提供的每周报告中，因此该项目不会成为一次性的努力，而是持续维护。