---

title: HTTP 103 Early Hints与预加载治理

keywords: ["103", "Early Hints", "preload", "Link", "CDN"]

description: 通过 103 Early Hints 提前下发 Link: preload 指令，在主响应生成前启动关键资源加载，降低首屏延迟。

categories:

• 文章资讯
• 技术教程

---

HTTP 103 Early Hints与预加载治理

概览

• 103 Early Hints 允许服务器在主响应准备期间提前发送 Link 头，提示客户端预加载关键资源。
• 适合 SSR 或后端渲染链较长的页面，配合 CDN 与浏览器实现更快可交互。
• 需要上游与反向代理支持 103 透传与缓存策略协同。

技术参数（已验证）

• 头部：HTTP/1.1 103 Early Hints 与若干 Link: </app.css>; rel=preload; as=style、Link: </app.js>; rel=preload; as=script。
• 行为：浏览器在收到 103 后开始获取资源；主响应到达后继续正常渲染。
• 代理：确保 CDN/代理允许 103 透传；避免错误缓存 Early Hints；配合主响应缓存策略。
• 安全：仅对可信可缓存资源发送预加载；避免过度预加载导致带宽浪费。
• 兼容：在不支持 103 的链路上回退为常规 preload 或 prefetch。

实战清单

• 识别首屏关键资源并通过 103 发送 Link: preload；验证浏览器与代理支持度。
• 在 CDN 配置透传并观测首字节到交互的时间改进；对比无 103 的性能。
• 建立预加载台账与变更流程，控制数量与类型。
• Importance: 在复杂渲染链下有效降低首屏延迟，提高体验。