宝塔面板需配置HTTP/2 Push以优化首屏加载：一、修改443端口监听为listen 443 ssl http2；二、在location块中添加http2_push指令指定关键资源；三、旧版Nginx可用add_header Link注入preload头；四、通过chrome://net-internals/#http2验证PUSH_PROMISE帧。
如果您已在宝塔面板中部署了启用 HTTPS 的网站，但页面首屏加载仍存在资源阻塞、关键 CSS/JS 加载延迟等问题，则可能是未启用 HTTP/2 Server Push 功能。HTTP/2 Push 可在客户端首次请求 HTML 时，主动推送其后续依赖的关键资源（如样式表、字体、核心 JS），从而减少往返延迟。以下是配置宝塔站点支持 HTTP/2 Push 的具体操作步骤：
一、确认 Nginx 已启用 HTTP/2 协议
HTTP/2 Push 依赖于底层 Nginx 的 HTTP/2 支持，必须先确保监听 443 端口的 server 块已明确声明 http2。若仅配置 SSL 而未添加该标识，Push 功能无法触发。
1、登录宝塔面板，点击左侧【网站】，选择目标站点，点击右侧【设置】按钮。
2、在弹出窗口中，点击左侧导航栏【配置文件】，进入 Nginx 配置编辑页。
3、查找包含 listen 443 ssl 的 server 块（通常位于 SSL 配置段）。
4、将该行修改为：listen 443 ssl http2;
5、保存配置，宝塔将自动重载 Nginx 服务。
二、在 Nginx 配置中显式启用 push 指令
Nginx 自 1.13.9 起原生支持 http2_push 指令，需在 location 块中针对 HTML 响应头匹配的请求，手动指定要推送的静态资源路径。该指令不支持正则或通配符，必须为精确的 URI 路径。
1、仍在同一【配置文件】页面，定位到 location ~ \.html?$ 或根 location（如 location /）区块内。
2、在该 location 块中插入以下推送指令（以常见首屏关键资源为例）：
http2_push /static/css/app.css;
http2_push /static/js/runtime.js;
http2_push /static/fonts/icon.woff2;
3、确保所列路径与网站实际静态资源 URI 完全一致（区分大小写、斜杠结尾等）。
4、保存配置并重载 Nginx。
三、通过 add_header 注入 Link 响应头实现兼容性 Push
部分旧版 Nginx（低于 1.13.9）或 OpenResty 环境不支持原生 http2_push 指令，此时可采用标准 HTTP/2 Link 头方式触发 Push。该方法由客户端解析 Link 头后向服务器发起预连接请求，效果等效且兼容性更广。
1、返回【配置文件】页面，在 server 块或 location / 块中添加如下响应头指令：
add_header Link "</static/css/app.css>; rel=preload; as=style", "</static/js/runtime.js>; rel=preload; as=script";
2、注意：Link 头值需严格遵循 RFC 8288 格式，URI 使用双引号包裹，多个资源用英文逗号分隔。
3、确保对应资源支持 CORS（若跨域加载），且 MIME 类型正确（如 CSS 必须返回 text/css）。
4、保存配置并重载 Nginx。
四、验证 HTTP/2 Push 是否生效
配置完成后，需通过浏览器开发者工具确认服务器是否真正发起 Push 流，而非仅返回 Link 头。Chrome 和 Edge 均提供原生支持检测能力。
1、在 Chrome 地址栏输入：chrome://net-internals/#http2，回车打开 HTTP/2 连接监控页。
2、在页面顶部搜索框中输入您的站点域名（如 example.com），点击【Find】。
3、在结果列表中点击对应连接 ID，查看下方【Received frames】区域。
4、若存在类型为 PUSH_PROMISE 的帧，且其关联的 :path 值与您配置的推送路径一致，则表示 Push 已成功触发。
