---

title: 103 Early Hints 与 Preload：关键资源提速实践

keywords:

• 103 Early Hints
• preload
• Link HTTP Header
• TTFB 优化
• 协作部署

description: 讲解 103 Early Hints 的响应预告机制与 Link: rel=preload 的联合应用，帮助在服务器等待期间抢先加载关键资源，降低首屏延迟。

date: 2025-11-26

sources:

• https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/103
• https://web.dev/early-hints/
• https://blog.cloudflare.com/early-hints/

categories:

• 文章资讯
• 技术教程

---

概述

Early Hints 允许服务器在主响应准备阶段提前下发资源提示，客户端据此并行预取关键 JS/CSS/字体等。结合 Link 头与合理的预加载清单，可显著优化 TTFB 与首屏渲染。

实施要点（已验证）

• 预告内容：仅包含 Link: </app.css>; rel=preload; as=style 等安全提示（来源）
• 资源选择：挑选真正阻塞渲染的关键资源，控制清单大小避免带宽浪费（来源）
• 服务链路：CDN/反向代理需支持 103 透传与生成（来源）

验证

• 使用 DevTools 网络面板观察 103 与资源预加载时序；对比无 Early Hints 的首屏指标