网站性能对于在线业务的成功至关重要。一次又一次的研究表明，加载时间的增加会直接影响销售。在竞争激烈的市场中，网站的性能对于成功至关重要。就像位于偏远地区的实体店在吸引客户方面面临挑战一样，速度慢的网站在吸引流量方面也会遇到类似的困难。衡量和改进网站性能对于增强用户体验并最大限度地提高在线参与度至关重要。内部测试的结果没有考虑到不同国家、使用不同设备、使用不同互联网连接的客户对网站的使用体验。
简而来说，就是您可能并不了解您网站的表现情况，而这可能会使您的企业每天都在损失金钱。
今天，我们很高兴地宣布推出 Cloudflare Observatory——Cloudflare 的新性能首页。
Cloudflare 用户现在可以在单个仪表板中使用真实用户监控 (RUM) 数据以及来自不同地区的计划测试轻松监控网站性能。这将确定您的网站可能存在的任何性能问题。最好的部分是什么？一旦我们发现任何问题，Observatory 将突出显示解决这些问题的定制建议，只需点击一下即可获得。
轻松加快网站速度。
我觉得有这个需求。对速度的需求！
拥有一个快速的网站对于实现在线成功至关重要。据 Google 称，即使加载时间缩短一秒，也可以将移动转化率提高多达 27%。
Deloitte 的一项研究发现，“随着网站速度提高 0.1 秒，我们观察到零售消费者的支出增加了近 10%”。来自 Google 的另一项研究发现，“如果加载时间超过 3 秒，53% 的人会离开该移动站点”。网站性能与业务成功之间存在非常真实的联系。
在当今的数字环境中，客户期望即时访问信息并拥有无缝浏览体验。我们都经历过等待网站加载的挫败感，这通常会让我们点击返回，然后点击下一个链接。对于电子商务网站，这种延迟直接转化为收入损失，因为用户会快速导航到其他地方。
这种重要性在搜索引擎优化 (SEO) 领域中得到进一步放大。2021 年 5 月，Google 宣布将页面速度纳入其排名算法，强调快速加载网页对于提高搜索引擎排名的重要性。
推出 Observatory
2019 年，我们推出了新的 Speed Tab，其使命是解决两个关键问题：“迁移到 Cloudflare 后我的网站速度有多快？”以及“它本来可以有多快？”此选项卡允许客户比较启用 Cloudflare 功能前后的网站性能。但是，它要求用户深入分析并分析流量模式和缓存命中率以优化他们的站点，这对新的 Cloudflare 用户来说颇具挑战。
为了解决这个问题，我们开发了 Observatory，这是 Cloudflare 进行性能监控的一种新方法。Observatory 填补了以前在了解网站性能方面存在的空白，并通过提供量身定制的建议简化了解决性能问题的过程。
Observatory 集成了真实用户监控 (RUM) 数据，使用户能够了解其全球最终用户所体验到的网站性能。利用 RUM 数据，我们可以得出宝贵见解，了解网站的哪些区域可以优化，并展示可以解决这些问题的 Cloudflare 功能。
此外，Observatory 还结合了 Google Lighthouse，这是用于评估 Web 性能的行业标准工具。由于 Lighthouse 的多功能性以及在性能社区中的广泛采用，我们用 Lighthouse 替换了 WebPageTest。借助 Lighthouse，用户可以直接在 Cloudflare 仪表板中运行、安排和访问 Lighthouse 性能报告。
Observatory 还支持区域测试，认识到了解不同地点性能差异的重要性。通过模拟不同地区的网站性能，用户可以了解自己的网页在特定国家/地区的表现情况。这使用户能够为全球受众优化他们的网站，确保为全球各地的用户提供一致和快速的用户体验。
通过汇集 RUM 数据、Lighthouse 见解和区域测试，Observatory 成为您在 Cloudflare 仪表板中了解网站性能的统一位置。用户只需点击一个按钮，就可以全面了解其网站的性能，并实施基于这些数据的 Cloudflare 建议。
在 Cloudflare Observatory 中衡量性能
我们支持测试网站性能的两种主要方法，即综合测试和真实用户监控 (RUM) 测试。
综合测试涉及在受控环境下模拟用户交互和监控性能。这些测试可以提供有价值的基准测量，并有助于在部署更改之前识别潜在问题。
与之不同的是，RUM 测试会直接收集真实用户与网站交互的数据，捕捉他们在不同环境和网络条件下的实际体验。RUM 测试提供了对真正最终用户视角的洞察。通过结合综合测试和 RUM 测试，网站所有者可以了解性能的整体情况，了解更改和优化对模拟和真实用户体验的影响。
Cloudflare Observatory 将这两者结合到一个位置。Observatory 中与 Google Lighthouse 的集成为 Cloudflare 用户提供了一种综合测量和了解其网站性能的简单方法。Google Lighthouse 衡量几个影响用户体验和搜索引擎排名的关键性能指标。生成的报告提供从 1（最低性能）到 99（最高性能）的总体性能评分，使网站所有者可以轻松了解其网站的性能。
Observatory 提供了一个用户友好的界面，以红黄绿三种颜色显示每个 Lighthouse 指标，表明所测试指标的结果。一个关键指标是最大内容绘制 (LCP)，它衡量页面主要内容的加载性能。最佳 LCP 分数为小于 2.5 秒，这是用户满意的加载速度。通过 Observatory，网站所有者可以轻松查看他们的 LCP 分数和其他指标。这使他们能够优化网站的性能和用户体验。例如，通过检查 LCP 分数，网站所有者可以识别改进机会并做出明智的决策以提高其网站的性能。
新的更智能的建议
利用从 Lighthouse 和 RUM 测试中获得的见解，Observatory 可提供更加智能的建议。这使我们能够准确地识别问题，并提供量身定制的 Cloudflare 设置，以提高性能。例如，当您收到 Lighthouse 报告时，它会突出显示您的网站可以改进的地方。在提供的报告中，建议了一些图像优化增强功能。Cloudflare 会考虑这些反馈并提供产品建议，例如启用 Polish 或使用图像调整大小。这样，我们的客户只需点击一下即可提高他们的性能得分。
客户将可以在直接链接到审计的 Cloudflare 仪表板中查看这些建议，十分方便。仪表板将包含各种 Cloudflare 功能，并随着时间的推移不断改进。通过添加针对未缓存静态内容的 Cache Rules 建议和综合测试套件，用户将能够在启用特定 Cloudflare 功能之前，了解实施该功能可获得的好处。
通过在启用产品或功能之前了解其性能影响，客户可以做出明智的决策并满怀信心地优化其网站的性能。
更多的测试，多个地区和循环测试
我们从旧的 Speed Tab 和 Beta 测试中收到的重要反馈是关于测试的数量和位置。我们很高兴地宣布，我们已解决此反馈，增加了允许的测试数量，并让所有计划类型能够安排至少一次来自美国地区的重复测试。
我们的 Pro、Business 和 Enterprise 订阅系列的客户可以从不同地区运行测试，以了解他们的站点在这些地区的性能。例如，如果一个网站仅在美国爱荷华州托管，而访问者从澳大利亚悉尼访问该网站，那么，由于用户的浏览器跨越 14,000 千米的距离发送和渲染未缓存的文件所需的时间，用户将体验到较慢的页面加载速度。通过在不同地区运行测试，我们的客户可以获得对其网站性能的宝贵见解，并做出明智的决策来优化性能，以获得更好的用户体验，并减少页面加载时间。
计划类型越高，能够运行的测试就越多，能够使用的区域也就越多。例如，Pro 计划客户可以从五个不同的位置为最重要的页面设置五个重复测试。然后，这些测试运行将存储在 Observatory 历史记录选项卡中，使他们能够了解他们在全球范围内的页面速度得分。下表详细列出了每种计划类型可以运行的测试数量以及它们可用的地区。
.tg {border-collapse:collapse;border-color:#ccc;border-spacing:0;} .tg td{background-color:#fff;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;} .tg th{background-color:#f0f0f0;border-color:#ccc;border-style:solid;border-width:1px;color:#333; font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;} .tg .tg-viy4{background-color:#FFF;color:#172B4D;text-align:left;vertical-align:top} .tg .tg-hor2{background-color:#F60;color:#FFF;text-align:left;vertical-align:top} .tg .tg-0lax{text-align:left;vertical-align:top}
| Plan | Ad-hoc tests | Recurring tests | Frequency of recurring tests | Regions supported |
|---|---|---|---|---|
| Free | 5 | 1 | Weekly | Iowa, USA |
| Pro | 10 | 5 | Daily | Everything in Free and South Carolina, USA North Virginia, USA Dallas, USA Oregon, USA Hamina, Finland Madrid, Spain St. Ghislain, Belgium Eemshaven, Netherlands Milan, Italy Paris, France Changhua County, Taiwan Tokyo, Japan Osaka, Japan Tel Aviv, Israel London, England Jurong West, Singapore Sydney, Australia Frankfurt, Germany Mumbai, India São Paulo, Brazil |
| Business | 20 | 10 | Daily | |
| Enterprise | 50 | 15 | Daily |
计划
临时测试
重复测试
重复测试的频率
支持的地区
免费
5
1
每周
爱荷华州，美国
Pro
10
5
每日
Free 计划的一切内容，以及南卡罗来纳州，美国美国北弗吉尼亚州美国达拉斯俄勒冈，美国芬兰哈米纳西班牙马德里比利时圣吉斯兰荷兰埃姆斯哈文意大利米兰法国巴黎中国台湾省彰化县东京，日本大阪，日本以色列特拉维夫英国伦敦新加坡裕廊西澳大利亚悉尼法兰克福，德国孟买，印度巴西圣保罗
Business
20
10
Daily
Enterprise
50
15
Daily
纳入 RUM
Cloudflare 的 RUM 服务提供对用户浏览器或设备的见解，跟踪页面加载时间、响应时间和其他用户交互等指标。Cloudflare 通过其 Browser Insights 功能收集 RUM 数据，该功能将 JavaScript“信标”插入 HTML 页面。此信标从真实用户的角度向 Cloudflare 发送有关网站性能的信息，包括页面加载时间、首字节时间和其他 Web Vitals 等指标。
尽管您随时都能尝试在自己的笔记本电脑上加载几个页面并查看结果，但要考量实际的设备性能和网络条件，唯一的途径是从真实用户那里收集数据。
Observatory 现在纳入了 RUM 数据以匹配您的测试路径。这让您能够轻松了解全球范围内用户对网站的真实体验。同时，还将针对测试的路径，在 Observatory 选项卡中剖析并储存此数据。这让您能够查看综合测试数据与真实用户指标的直接对比。
我们的 RUM 提供程序已经包含 Interactive Next Paint (INP) 分数。2022 年，Google 宣布了 Interaction to Next Paint (INP) 这一新指标，将 INP 提升为新的 Core Web Vital 响应指标，取代了首次输入延迟 (FID)。FID 衡量用户与网页的首次交互与浏览器对该交互的响应之间的延迟。INP 衡量网站上任何用户交互的延迟，而不仅限于第一次输入。这一变化表明其采用一种更全面的方法来评估网站的响应能力。
如果您的 Cloudflare 区域没有启用 Web Analytics，那么我们将无法在 Observatory 中收集和显示 RUM 数据。启用此功能非常简单，可以在此处找到说明。
一键优化
Observatory 现在包含一个增强的优化布局，它引入了一个一键式建议中心。在您的 Cloudflare 区域启用这些功能可增强对最新 HTTP 协议（包括 HTTP/3）的优化。此外，通过将 PNG 和 JPEG 转换为高效的 WebP 格式，改进了 Image Delivery。最后，还启用了 Cloudflare 性能工具，允许用户无缝实施 Early Hints 等新技术。这些功能旨在协助提高网站速度和整体性能。
当我们发布我们认为对客户有益的新功能时，我们会继续将它们添加到“一键优化”中。我们还更改了选项卡的整体布局，将产品分成子类别，以便轻松导航到各个性能产品。
现已可用Observatory 现已开放！
利用 Google Lighthouse 集成、RUM 数据和多地区测试等 Observatory 功能，成为您组织中的 Web 性能倡导者，所有这些功能现在都已经可以使用。您将能够深入了解您网站的性能，并做出明智的决策来优化和改进您网站的性能。
在接下来的几个月中，我们将继续扩展推荐引擎，推出更多产品，让您能够不断提高网站的性能。此外，我们将提供模拟特定功能请求的功能，让您在网站上实施之前，全面了解它们真实的性能优势。