何在预算内提高媒体绩效

rmruhul

我们如何在不超出性能预算的情况下获得正确的媒体性能？让我们看一下有关性能预算、视频播放性能问题以及解决这些问题的一些技术和工具的最新统计数据。

本文得到了Cloudinary亲爱的朋友们的大力支持，他们帮助社区快速轻松地创建、管理和交付跨任何浏览器、设备和带宽的数字体验。谢谢你！


美国学者梅森·库利 (Mason Cooley) 巧妙地描述了生活中一个残酷的事实：“预算让金钱失去了乐趣。” 毫无疑问，媒体使网站活跃起来，增加了吸引力、刺激性和吸引力，更不用说吸引人们停留在一个页面上并经常重新访问它了。然而，正如失控的支出从长远来看预示着不祥之兆一样，未列入预算的数字媒体也会降低网站性能。

一个恰当的例子：页面加载速度只要一秒钟就会让亚马逊损失 16 亿美元 Whatsapp 号码列表 年销售额。在影响页面加载速度的众多因素中，媒体是一个重要因素。因此迫切需要优先优化媒体。通过将钱花在这项任务上并为您的媒体制定预算，从长远来看，您将获得显着的节省和收益。

你也遇到过同样的情况吗？乔尔·佩特 (Joel Pett) 的插图，由杰克·阿奇博尔德 (Jake Archibald) 改编。
绩效预算
“性能预算是‘……就像它听起来的那样：您在页面上设置了一个‘预算’，并且不允许页面超过该预算。这可能是一个特定的加载时间，但当您将预算分解为请求数量或页面大小时，通常会更容易进行对话。”

—蒂姆·卡德莱克
性能预算作为一种用于规划 Web 体验和防止性能下降的机制可能包括以下标准：



总页面重量，
HTTP 请求总数，
特定移动网络上的页面加载时间，
第一输入延迟 (FID)
First Contentful Paint（FCP），
累积版图偏移 (CLS)，
Largest Contentful Paint (LCP)。
Vitaly Friedman有一个出色的清单，其中描述了影响 Web 性能的组件以及有关优化技术的有用提示。熟悉这些组件将使您能够设定性能目标。

有了明确记录的性能目标，各个团队就可以就内容的最佳交付进行有意义的对话。例如，预算可以帮助他们决定一个页面是否应该包含五张图片——或者三张图片和一个视频——并且仍然保持在计划的限制范围内。