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

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

要让 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 或自定义站点文件），在 块内添加如下内容：

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

    ExpiresActive On
# HTML 文件缓存策略：不缓存或短时间缓存
zuojiankuohaophpcnFilesMatch "\.html$"youjiankuohaophpcn
    ExpiresDefault "access plus 10 minutes"
    Header set Cache-Control "public, must-revalidate"
zuojiankuohaophpcn/FilesMatchyoujiankuohaophpcn

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

说明：

							

								
								

									ModelScope
									
魔搭开源模型社区旨在打造下一代开源的模型即服务共享平台
								
								下载 
							
						

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"
Header append Cache-Control "public" env=EXPIRES_ACTIVE
注意：需确保 Apache 配置中允许 AllowOverride FileInfo，否则 .htaccess 不生效。
验证缓存是否生效
重启 Apache 后访问页面，使用浏览器开发者工具（Network 标签）查看响应头：

检查是否存在 Expires 和 Cache-Control 头。
确认 CSS 资源返回类似 max-age=31536000, immutable。
HTML 应返回 must-revalidate 以支持及时更新。

基本上就这些。合理设置缓存能显著减少重复请求，提升用户体验，同时避免用户看到陈旧内容。关键是区分动态内容（如 HTML）和静态资源（如 CSS）采用不同策略。不复杂但容易忽略细节。