HTTP/2 Server Push 在现代浏览器中已完全失效，Chrome 96+、Firefox 90+、Edge 96+ 均静默忽略，仅 rel="preload" 是唯一可行替代方案，需置于 <head> 中并严格指定 as 属性。
HTTP/2 Server Push 在现代浏览器中已完全失效，Link 响应头、Nginx 的 http2_push 指令、Node.js 的 stream.pushStream() 等写法，Chrome 96+、Firefox 90+、Edge 96+ 都会静默忽略——不是配置错了，是协议支持被移除了。
为什么你在 Network 面板看不到 Push 资源
因为浏览器根本没接收它。即使服务器发出了 PUSH_PROMISE 帧（Wireshark 能抓到，chrome://net-internals/#http2 仍显示日志），客户端已跳过解析、不进缓存、不触发加载。你看到的“资源已推送”只是服务器单方面动作，和页面实际加载链路无关。
-
Initiator: Push在 Network 面板里永远不会出现 - 所有被“推送”的 CSS/JS 仍需 HTML 解析后发起独立
GET请求 - 没有节省任何 RTT，也没有提前进入 HTTP 缓存
rel="preload" 是唯一可行的替代方案
它由浏览器自主调度，兼容所有主流版本，且语义清晰、可中断、可缓存。关键点不是“怎么写”，而是“怎么用对”：
- 必须放在
<head>中，早于对应资源的<link>或<script> - 写法要严格：
<link rel="preload" as="style" href="/main.css">，as属性不能省，否则当成as="fetch"处理，不参与样式解析流程 - 不要对
defer或module脚本预加载，除非后续<script>明确复用同一 URL - 避免对非首屏图片、字体以外的资源滥用，否则会抢占带宽，拖慢
FCP
Nginx / Apache / Node.js 配置 Server Push 的真实后果
不是“不起作用”，而是产生确定的负面开销：
立即学习“前端免费学习笔记（深入）”；
- Nginx 启用
http2_push /main.css;会多发约 150 字节PUSH_PROMISE帧，纯属 TCP 浪费 - PHP 输出
header('Link: </main.css>; rel=preload; as=style');—— 浏览器收到后丢弃，无日志、无警告、无 fallback - Node.js 使用
stream.pushStream()发送style.css，但客户端 stream 状态为idle，数据直接被内核丢弃 - Lighthouse 若仍建议“启用 Server Push”，说明其规则库未更新（截至 2026 年 5 月）
真正影响首屏速度的是内联关键 CSS、preload 字体与首屏图、defer 非关键 JS，以及 TLS 1.3 和 Brotli 是否启用——Server Push 不是调优项，是历史遗留配置，该删就删。
