如何在WordPress中实现HTTP/2图片推送（TMDHosting+Cloudflare环境）

嘿，我来帮你搞定在WordPress里配置HTTP/2服务器推送图片的事儿，结合你用的TMDHosting云服务和Cloudflare，完全可以实现～

HTTP/2服务器推送的关键是在HTTP响应头里添加Link字段，格式是<图片URL>; rel=preload; as=image。Cloudflare会自动识别这个头部，帮你把指定的图片推送给用户，不用等浏览器解析页面后再请求。

你可以直接把逻辑加到主题的functions.php里，或者更稳妥的方式是做个自定义插件（避免主题更新丢失代码）。下面是完整的实现代码：

function add_http2_image_push_headers() {
    // 初始化要推送的图片URL数组
    $push_images = [];

    // 推送文章/页面的特色图片（首屏核心资源）
    if (is_singular() && has_post_thumbnail()) {
        $featured_img_url = wp_get_attachment_image_url(get_post_thumbnail_id(), 'full');
        if ($featured_img_url) {
            $push_images[] = $featured_img_url;
        }
    }

    // 推送文章内容里的首屏图片（可选，按需调整）
    global $post;
    if ($post && !empty($post->post_content)) {
        // 匹配内容里的img标签src属性
        preg_match_all('/<img[^>]+src="([^"]+)"/i', $post->post_content, $img_matches);
        if (!empty($img_matches[1])) {
            foreach ($img_matches[1] as $img_url) {
                // 只推送自己域名下的图片，避免推外部资源
                if (strpos($img_url, home_url()) !== false) {
                    $push_images[] = $img_url;
                }
            }
        }
    }

    // 去重，避免重复推送同一图片浪费资源
    $push_images = array_unique($push_images);

    // 生成并发送Link响应头
    if (!empty($push_images)) {
        $link_headers = [];
        foreach ($push_images as $img_url) {
            $link_headers[] = "<{$img_url}>; rel=preload; as=image";
        }
        // 第二个参数设为false，避免覆盖其他Link头部
        header('Link: ' . implode(', ', $link_headers), false);
    }
}
// 用wp_head钩子，优先级设1确保头部尽早发送
add_action('wp_head', 'add_http2_image_push_headers', 1);

代码说明： #

• 优先推送特色图片：这通常是页面首屏最关键的图片，推送价值最高
• 可选推送内容里的图片：如果内容里的首屏图片多，可以保留，否则可以注释掉这段
• 过滤外部图片：只推送自己域名的资源，避免帮别人推图浪费带宽
• 去重处理：同一个图片不会被重复推送，优化资源利用

部署代码后，你可以用两种方式确认：

1. Chrome DevTools：打开页面后按F12，切换到「网络」面板，勾选「HTTP/2」筛选器，刷新页面。看图片资源的「发起者」列，如果显示「Push」，说明推送成功。
2. curl命令：在终端执行 curl -I https://linorhiati.ch/你的文章URL，查看返回头里有没有Link字段，里面包含你要推送的图片地址。

• 不要过度推送：推送太多资源会占用额外带宽，反而拖慢加载，只推首屏可见的核心图片就好
• 主题安全：如果改functions.php，建议用子主题，或者直接做个自定义插件（新建php文件，开头加插件头注释，上传到wp-content/plugins激活即可）
• HTTPS必须开启：HTTP/2只在HTTPS环境下工作，Cloudflare和TMDHosting都支持SSL，确保你的网站已经启用HTTPS
• Cloudflare设置：不需要在Cloudflare后台额外配置，只要服务器发送了正确的Link头部，Cloudflare就会自动处理推送

内容的提问来源于stack exchange，提问作者Julien Victor