其他部门如何帮助您的网站速度优化

• 展示您对速度如何影响公司收入的发现。

• 让利益相关者知道，如果开发人员有时间继续提高速度，他们可以帮助增加移动访问者的收入。

• 建议应邀请开发团队中的一名人员参加执行会议，会议将围绕站点做出决策。如今，我们在数字平台上销售。获胜者将是开始与其数字专家交流的公司。现代公司需要在部门之间以及利益相关者和开发人员之间建立通信流。《哈佛商业评论》的一项研究表明，六分之一的 IT 项目成本超支了 200%。一个例子是 Kmart，它在 2000 年开始其价值 14 亿美元的 IT 现代化项目时失去了与 Walmart 和 Target 的竞争地位。通过及早建立通信和维护，可以打破孤岛，知识共享可以成为竞争优势。

在营销团队的帮助下修复速度

---

共同的挑战

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

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

• 避免测量大致相同的重复项。

• 删除不再使用的工具。

• 不要衡量“好有”的东西。只衡量业务关键的事情。

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

向您的营销团队发送提案

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

准备与您的营销团队会面

• 创建在站点上实现的脚本的列表。

• 将清单发送给营销部门，并要求他们提前查看并将其分为三类：

  • 关键业务。这些脚本必须保留。

  • 不错的。可以减少使用或删除的脚本。例如，有时公司会收集热图或屏幕记录，但这些数据可能只会很少被审查，而不会导致采取行动或增加转化率。在这种情况下，最好同意只运行工具（比如）两周，收集分析的见解，然后清理脚本，直到下一个集中的数据收集时间。

  • 未使用或未拥有。这些应该被删除。

• 通过比较使用和不使用脚本的站点速度，检查每个脚本对您站点的减慢程度。在WebPageTest 中，这可以通过Advanced Settings 中的Block 选项卡进行设置。或者您可以在 Chrome DevTools 中阻止网络请求。

与您的营销团队会面

• 浏览脚本列表并给出您对每个脚本的看法。例如，是否有任何好用的脚本对站点性能非常有害？通过接收建议，营销团队可以更轻松地确定优先级，并且通过了解对他们而言至关重要的业务，您更容易理解他们的观点。

• 讨论以下主题：

  • 收集的数据的好处是否会导致转化率的提升超过网站变慢造成的下降？数据可以指导决策。

  • 贵公司是否选择了拥有市场上最快版本工具的供应商？营销部门可能需要开发人员的帮助来确定关键业务工具是否可以被更快的替代品所取代。

  • 是否有网站上任何脚本的替代品？例如，可以开始进行可用性测试而不是热图，您还可以在其中了解用户行为背后的“原因”，这通常会导致更深入的见解。

一个常见的挑战是人们在接受建议时会变得防御。关键可能是始终强调尊重其他部门的知识领域。通过制定您想要理解和倾听的内容，也可以为倾听您的想法创造一种开放的态度。最后，尝试邀请其他团队参加具有不同讨论主题的社交聚会或咖啡和面包店。有时，最有影响力的会议发生在会议室之外。

同意下一步

• 决定前进的过程。营销部门是否应该总是要求开发人员在实施之前审查新工具及其对速度的影响？或者，营销人员是否应该获得性能预算，以便他们学习如何检查速度，并且只要达到速度目标，他们自己就可以优先考虑他们想要的工具？

在您的网页设计团队的帮助下修复速度

---

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

共同的挑战

最后，公司内的所有部门通常都依赖于导致转换的站点，无论是为了创收还是其他目的。残酷的事实是，如果网页加载时间过长，以至于人们不会留在这里看它们，那么网页有多漂亮并不重要。

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

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

研究表明，具有较少图像和较少元素的页面会产生更多转化。例如，谷歌和 SOASTA 的一项研究发现，转化用户的会话比没有转化的会话少 38% 的图像。我们能否共同努力以达到速度目标并建立可以增加网站转化率的联合协作？我们可以共同实现的示例包括找到合适的图像压缩级别并在质量和速度之间取得平衡，或者减少复杂的布局或功能，这些布局或功能通常会导致网站繁重、缓慢。

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

• 跟踪站点上的哪些页面具有最长的加载时间和最高的页面权重。例如，如果您正在使用电子商务网站，请确保您不仅检查主页，还检查所有活动页面、一些最大的类别页面、一些产品页面和结帐流程。

• 为设计师准备一份性能预算提案。一种替代方法是尽可能简单地以页面权重作为指标，并将所有页面的目标设置为 1 MB（如果品牌对转换非常重要，则设置为 1.5 MB）。

• 准备一份清单，列出哪些页面最终超过目标页面权重水平。

与您的网页设计团队会面

• **致力于研究开发团队如何通过各种图像优化技术**更快地交付图像，例如图像压缩、响应式图像、图像大小调整、延迟加载、缓存和服务器优化。

• 创建一个测试页面，其中以不同的图像质量和尺寸发布图像，并就在不同屏幕上平衡性能和质量的水平达成一致。请记住，移动访问者的会话长度通常很短，一项研究表明，超过一半的移动会话时间为 30 秒或更短。这些用户可能不会详细研究图像，并且可能更喜欢网站速度快。

• 提出性能预算，其中网页设计师承诺确保所有网页的页面权重低于 1 MB（或最大 1.5 MB）。

在您的分析团队的帮助下修复速度

---

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

共同的挑战

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

向您的分析团队发送提案

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

准备与您的分析团队的会议

• 定期跟踪速度。一个建议是将 API 与Lighthouse CI、PageSpeed Insights或WebPageTest等工具结合使用，使您能够在受控实验室设置中定期收集统计数据，以便轻松跨不同时间段进行基准测试。

• **向分析团队转发速度的价值，并询问他们是否可以执行分析，**以便您准备好在会议期间分析图表。

与您的分析团队会面

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
oid开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！