如何在 PHP 中管理浏览器缓存？

Question

我的想法很简单，获取所有 css 文件并在某个 css 文件更改时生成一个缩小的文件。然后告诉浏览器清除缓存。如果浏览器缓存中有未更改的文件，则使用它 - 因此用户无需每次都重新下载。

我正在使用以下代码片段来执行此操作。但是使用缓存的部分有点问题，大部分时间它都可以工作，但有时它告诉浏览器使用缓存版本（因为没有变化）并且浏览器正在使用旧版本并且用户必须进行客户端缓存刷新。

您能否给我一些建议如何做到这一点，以便每次发生更改时都会刷新客户端浏览器缓存，如果没有更改就使用缓存？

$cssFiles = getCssFiles();

$fm = new FileMinifier(FileMinifier::TYPE_CSS);
$lastModified = $fm->lastModification($cssFiles);
$savedLastModified = DateUtils::convertToTimestamp($this->system->systemSettings['cssLastChange']);

$etagFile = md5('css-file');
header("Content-type: text/css");
header("Pragma: public");
header('Cache-Control: public');
header("Last-Modified: " . gmdate("D, d M Y H:i:s", $lastModified) . " GMT");
header("Etag: $etagFile");

// if there is a change - generate new minified css
if ($lastModified > $savedLastModified)
{
    // take files minify them, save it and redirect to output, update last change time
    ...
}
// or use already generated
else
{
    $ifModifiedSince = (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) ? $_SERVER['HTTP_IF_MODIFIED_SINCE'] : 0);
    $etagHeader = (isset($_SERVER['HTTP_IF_NONE_MATCH']) ? trim($_SERVER['HTTP_IF_NONE_MATCH']) : false);
    // if it is in chache use it! - no need for redownloading
    if (strtotime($ifModifiedSince) == $lastModified || $etagHeader == $etagFile)
    {
        header("HTTP/1.1 304 Not Modified");
        exit;
    }
    $this->data['text'] = file_get_contents(SystemInfo::getServerRoot() . '/public/css/minified.css');
}

Answer 1

您尝试做的事情令人钦佩，但这有点重新发明轮子。就 CSS 文件、JavaScript 文件等而言，现代浏览器在从缓存中提取未更改的文件方面已经做得很好了。

操作 HTTP 标头以通知浏览器文件更改是可行的，但在如何解释标头方面存在浏览器差异（尤其是旧版浏览器），这使得该方法充满了细微差别。

远通过版本化您的 CSS 包含更容易实现您的目标。文件版本的变化会提示浏览器重新下载文件。

示例：

文件更改前：

<link href="http://yourwebsite.com/file.css?_=1.0.0.1" rel="stylesheet" type="text/css">

文件更改后：

<link href="http://yourwebsite.com/file.css?_=1.0.0.2" rel="stylesheet" type="text/css">

所有浏览器都会将 URI 参数的变化解释为一个新文件并重新下载。

还可以自动化版本控制，这样您就无需在每次更改后手动编辑包含行。这是一种方法...

示例：

<?php
    $ver = filemtime($filename);
    echo '<link href="http://yourwebsite.com/file.css?_='.$ver.'" rel="stylesheet" type="text/css">';
?>

该代码会将文件的修改日期（Unix 时间戳格式）附加到文件包含的 URI。