如何在PHP 7.x+Apache 2.4环境下有效使用link rel="preload"

你遇到的这个问题其实很常见——PHP和Apache的多层缓冲机制会卡住你的预加载指令，让它们没法提前发送给浏览器。我来拆解几个关键的解决步骤，亲测有效：

1. 先打通PHP的输出缓冲 #

PHP默认开启了输出缓冲，只调用flush()根本不够——得先把PHP内部的缓冲内容推送给Apache。你需要在flush()前搭配ob_flush()，甚至可以直接关闭PHP的缓冲来彻底解决这个层级的问题：

<?php
// 彻底关闭PHP的输出缓冲（更彻底的方式）
ob_end_flush();
// 或者先刷新PHP缓冲，再通知Apache发送内容
// ob_flush();
// flush();
sleep(2);
?>

2. 关掉Apache的拦截缓冲 #

Apache的一些模块会悄悄拦截输出内容，比如mod_deflate（Gzip压缩）、mod_cache，它们会等整个页面生成完才压缩/缓存并发送。你可以：

• 临时给当前页面禁用Gzip：在脚本开头加header('Content-Encoding: none');
• 检查Apache配置里的OutputBufferSize，如果值太大，改成0或者较小的数值（需要重启Apache生效）

3. 填满浏览器的缓冲阈值 #

有些浏览器（比如Chrome）会等到收到至少1KB的内容才开始解析渲染，所以你可以在预加载标签后输出一堆空白字符，触发浏览器开始处理：

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preload" href="/styles.css" as="style" />
<link rel="preload" href="/script.js" as="script" />
<?php
// 输出空白字符填满浏览器缓冲阈值
echo str_repeat(' ', 1024);
// 清空全链路缓冲
ob_end_flush();
flush();
sleep(2);
?>
<link rel="stylesheet" type="text/css" href="/styles.css" />
</head>
<body>Test <script src="/script.js"></script></body>
</html>

4. 额外注意：PHP-FPM的配置 #

如果你的PHP是运行在FPM模式下，还要检查php-fpm的配置文件，把output_buffering设为Off，或者在php.ini里将output_buffering改成0，避免FPM层的缓冲拦截。

验证效果的话，打开浏览器开发者工具的Network面板，看styles.css和script.js的请求是不是在sleep的2秒内就发起了——如果是，说明预加载已经生效。

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