Cloudflare 推出 Smart Hints 以优化网页加载性能

Cloudflare 近日推出了 Smart Hints 功能，旨在通过自动化方式优化网页加载性能，无需手动配置 Early Hints 和 Fetch Priorities。这一功能利用 Cloudflare 的全球网络，简化了优化流程，致力于提升网页性能，同时减少开发者的配置负担。

Early Hints 的原理与效果

一年前，Cloudflare 推出了 Early Hints 功能，允许服务器在准备完整响应之前向浏览器发送指令。具体来说，服务器会通过实验性的 103 Early Hints 状态码发送信息响应，其中包含渲染页面所需的资源提示。当客户端向服务器发送请求时，服务器可以返回一个“早期提示”，这是一个独立的响应，包含与最终响应相关的头部信息。这些头部信息可能包括需要提前获取的重要静态资源或指向相关资源的链接。这种主动方式使浏览器能够预加载资源或预先连接到第三方服务器，从而加快网页加载速度。在实验室测试中，加载时间改善了超过 30%，Cloudflare 已为数千个网站发送了数万亿次提示。

Fetch Priorities 的作用与挑战

浏览器本身具有资源获取的优先级机制，但开发者可以通过 Fetch Priorities 覆盖这些默认优先级。通过 HTML 或 JavaScript 为单个资源分配优先级（如最高、高、中、低），开发者能够控制资源的获取和加载顺序，从而优先加载关键资源（如重要脚本），提升网页的感知性能。然而，开发者需要彻底测试，以避免因不当配置而影响整体性能。

Smart Hints 的自动化优势

为了有效利用 Early Hints 和 Fetch Priorities，网站所有者通常需要手动配置 HTTP 链接头或 HTML 链接元素，以指定需要预加载的资源或预先连接的第三方服务器。这不仅需要对网站与浏览器的交互有深入了解，还需要访问源服务器进行配置。Smart Hints 简化了这一过程，通过在 CDN 层面自动确定最佳资源优先级，减少了对人工配置的依赖。

Smart Hints 的技术实现

Smart Hints 利用了 Cloudflare 的庞大网络以及从合成测试和真实用户测量（RUM）中收集的数据。合成测试是指在受控环境中加载网页，而 RUM 通过向网页注入一小段 JavaScript，收集来自真实用户在真实浏览器中的性能数据。通过分析加载瓶颈，Cloudflare 生成 Smart Hints 以优先下载渲染阻塞资源。此外，Cloudflare 计划探索使用学习模型和启发式方法，为没有 RUM 或合成测试的网站提升性能。

大规模测试与开发者参与

Cloudflare 将进行大规模测试，以确保 Smart Hints 对各种内容类型做出最佳性能决策。Cloudflare 鼓励网站所有者和开发者加入测试队列，共同塑造这一无需代码/配置的体验。通过参与封闭测试，参与者可以帮助 Cloudflare 优化页面加载时间，并提供宝贵反馈以进一步完善 Smart Hints 功能。

通过引入 Smart Hints，Cloudflare 再次展现了其在网络优化领域的创新力，为开发者提供了更简单、更高效的性能优化工具。