3

我想优化我们网络中使用的静态资产(.js、.css、...文件)的缓存。我的目标是基于这篇文章(https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching#invalidating-and-updating-cached-responses)。

简而言之 - 因为这些静态资产往往是临时更新的(有时每周一次,有时一天两次,......)我想缓存它们并在未来到期时根据内容或修改日期给它们唯一的名称或类似的。这应该允许将它们缓存很长时间,但一旦发生一些变化就更新它们。

Apache2 服务器是否支持这种技术?或者是否有一些中间件系统可以处理指纹生成(具有唯一的资产名称)并在 HTML 文件中更新对它们的引用(根本不会被缓存)?

我们在主机上使用 LAMP 堆栈。

先感谢您

4

2 回答 2

4

您可以为 Apache 启用mod_mime,mod_expires并使用以下代码段

<FilesMatch "\.(png|jp?g|gif|ico|mp4|wmv|mov|mpeg|css|map|woff?|eot|svg|ttf|js|json|pdf|csv)">
    ExpiresActive on
    ExpiresDefault "access plus 2 weeks"
</FilesMatch>

或者设置各自的php标题

session_cache_limiter('none');
header('Cache-control: max-age='.(60*60*24*7)); //one week
header('Expires: '.gmdate(DATE_RFC1123,time()+60*60*24*365)); //one week

此处还有相关文章:如何使用 php 让浏览器缓存图像?

于 2015-06-05T07:38:01.577 回答
4

有许多技术,有些比其他更好。一种好的方法是具有以下配置:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.+)\.(\d+)\.(bmp|css|cur|gif|ico|jpe?g|js|png|svgz?|webp|webmanifest)$ $1.$3 [L]
</IfModule>

这允许 URL 形式/i/filename.1433499948.gif- 但实际从磁盘读取的文件只是/i/filename.gif文件名的第 1 部分和第 3 部分。

这个 Apache vhost/.htaccess 节来自H5BP filename-based_cache_busting.conf文件,并且在存储库中还有其他良好实践的示例。

这与 H5BP mod_expires配置相结合,意味着您将始终能够轻松地更新用户本地浏览器缓存,只需用新名称更新对文件的引用。

于 2015-06-05T10:30:21.933 回答