无需登录 数据私有 本地保存

HTTP/2 Server Push 分析器 - 检查推送资源与缓存

开发工具 网络 HTTP/2 Push 分析 性能
6
0
0
0

HTTP/2 Server Push 分析器

检测推送资源 · 分析缓存命中 · 优化推送效率

总资源数
0
检测到的所有资源
推送资源
0
Link rel=preload / Server Push
缓存命中
0
transferSize = 0
推送效率评分
--
等待分析
准备好分析 HTTP/2 Server Push

输入URL、分析当前页面或加载演示数据来开始

HTTP/2 Server Push 常见问题
什么是 HTTP/2 Server Push？

HTTP/2 Server Push 允许服务器在客户端请求之前主动推送资源（如CSS、JS、图片），减少往返延迟，加快页面加载。服务器通过 Link 响应头或配置来指定推送资源。

Server Push 和 Preload 有什么区别？

Preload (<link rel="preload">) 是浏览器端的声明，告诉浏览器提前加载资源。Server Push 是服务器主动推送，资源在浏览器请求之前就已发送。两者可配合使用，但推送由服务器控制。

如何检测资源是否被 Server Push？

可通过浏览器 DevTools Network 面板查看资源的 Initiator 列（显示 "Push"），或在 PerformanceResourceTiming API 中分析资源的 startTime——推送资源的加载时间通常极早，与主文档同时开始。

推送已缓存的资源会怎样？

浏览器收到已缓存的推送资源时会发送 RST_STREAM 帧取消该推送流，造成带宽浪费。Chrome 已逐步弃用 Server Push（自 Chrome 106 起），推荐使用 103 Early Hints 替代方案。

如何优化 Server Push 策略？

仅推送关键渲染路径资源（首屏CSS、关键JS）；使用 Cache-Digest 或 Cookie 机制避免重复推送；监控推送资源的使用率；对已缓存资源避免推送；考虑迁移到 Early Hints (103)。

Link 头的格式是什么？

格式为 Link: </path/to/file.css>; rel=preload; as=style。多个推送资源用逗号分隔。as 属性指定资源类型（style、script、image、font 等），rel=preload 表示预加载推送。

🔧 相关工具