Linux apache2站点配置HTML与CSS静态资源缓存-html教程-PHP中文网

Linux apache2站点配置HTML与CSS静态资源缓存

爱谁谁

发布： 2025-11-17 14:42:05

原创

360人浏览过

启用Apache2缓存需先开启expiress和headers模块，再通过配置Expires和Cache-Control头区分HTML与静态资源策略：HTML设10分钟缓存并must-revalidate，CSS等静态资源设1年缓存并标记immutable，最后验证响应头生效。

linux apache2站点配置html与css静态资源缓存

要让 Apache2 正确缓存 HTML 与 CSS 等静态资源，提升网站加载速度和性能，需通过配置 Expires 和 Cache-Control 响应头来控制浏览器缓存行为。以下是在 Linux 系统中为 Apache2 配置静态资源缓存的实用方法。

启用必要的 Apache 模块

Apache 默认可能未开启缓存相关模块，需手动启用：

sudo a2enmod expires
sudo a2enmod headers
sudo systemctl restart apache2

这两个模块分别用于设置过期时间与自定义响应头。

在站点配置中设置缓存策略

编辑你的虚拟主机配置文件（通常位于 /etc/apache2/sites-available/000-default.conf 或自定义站点文件），在 <VirtualHost> 块内添加如下内容：

立即学习“前端免费学习笔记（深入）”；

<IfModule mod_expires.c>
    ExpiresActive On
<pre class='brush:php;toolbar:false;'># HTML 文件缓存策略：不缓存或短时间缓存
<FilesMatch "\.html$">
    ExpiresDefault "access plus 10 minutes"
    Header set Cache-Control "public, must-revalidate"
</FilesMatch>

# CSS、JS、图片等静态资源长期缓存
<FilesMatch "\.(css|js|jpg|jpeg|png|gif|ico|svg|woff|woff2)$">
    ExpiresDefault "access plus 1 year"
    Header set Cache-Control "public, immutable"
</FilesMatch>

登录后复制

</IfModule>

说明：

存了个图

视频图片解析/字幕/剪辑，视频高清保存/图片源图提取

查看详情

HTML 内容常变动，设为 10 分钟缓存并要求重新验证。
CSS 和其他静态资源使用一年缓存，并标记为 immutable，浏览器不会重复请求。
public 表示响应可被中间代理或 CDN 缓存。

使用 .htaccess（可选）

若无法修改主配置文件，可在网站根目录使用 .htaccess 实现相同效果：

ExpiresActive On
ExpiresByType text/html "access plus 10 minutes"
ExpiresByType text/css "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
<p>Header append Cache-Control "public" env=EXPIRES_ACTIVE</p>

登录后复制

注意：需确保 Apache 配置中允许 AllowOverride FileInfo，否则 .htaccess 不生效。