apache2一键缓存，HTML+CSS网站提速300%！-html教程-PHP中文网

apache2一键缓存，HTML+CSS网站提速300%！

絕刀狂花

发布： 2025-11-18 21:18:06

原创

972人浏览过

通过启用Gzip压缩、配置浏览器缓存、优化ETag及使用mod_cache缓存，可显著提升Apache2静态网站性能。首先编辑apache2.conf添加deflate规则并启用mod_deflate模块；接着在虚拟主机中设置Expires和Cache-Control头以启用浏览器缓存；然后配置FileETag MTime Size提升缓存验证效率；最后启用mod_cache_disk对频繁请求资源进行服务器端缓存，结合合理目录权限设置，重启服务后即可实现页面加载速度接近300%的优化效果。

apache2一键缓存，html+css网站提速300%！

如果您正在运行一个基于HTML+CSS的静态网站，发现访问速度较慢，可能是由于Apache2未启用内容压缩或浏览器缓存策略缺失所致。通过合理配置Apache2服务器，可以显著提升页面加载速度，实现接近300%的性能优化效果。

本文运行环境：Dell XPS 13，Ubuntu 22.04

一、启用Gzip压缩

Gzip压缩能够将HTML、CSS等文本文件体积缩小至原始大小的30%左右，大幅减少传输数据量，从而加快页面响应速度。

1、打开终端并编辑Apache2的配置文件：sudo nano /etc/apache2/apache2.conf。

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

2、在文件末尾添加以下代码段以启用deflate模块：

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

登录后复制

3、保存文件后退出编辑器，执行命令 sudo a2enmod deflate 启用deflate模块。

4、重启Apache2服务使配置生效：sudo systemctl restart apache2。

二、配置浏览器缓存策略

通过设置HTTP响应头中的Expires和Cache-Control字段，可以让浏览器本地缓存静态资源，减少重复请求次数。

1、确保Apache2已启用headers模块：sudo a2enmod headers。

2、编辑站点配置文件，通常位于 /etc/apache2/sites-available/000-default.conf 或自定义虚拟主机文件中。

3、在<VirtualHost>标签内插入以下代码块：

创客贴设计

创客贴设计，一款智能在线设计工具，设计不求人，AI助你零基础完成专业设计！

150

查看详情

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType text/css "access plus 1 month"
    ExpiresByType text/html "access plus 1 week"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType application/pdf "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
</IfModule>

登录后复制

4、启用expires模块并重启服务：sudo a2enmod expires，然后运行 sudo systemctl restart apache2。

三、启用ETag优化

ETag用于验证缓存资源是否过期，合理配置可避免不必要的完整下载，提高再访速度。

1、在Apache2主配置文件或虚拟主机中添加如下指令：

FileETag MTime Size

登录后复制

2、此设置表示ETag基于文件最后修改时间和大小生成标识符。

3、无需额外模块，保存后重启Apache2服务即可应用更改。

四、使用mod_cache进行反向代理缓存

对于动态内容或频繁访问的静态资源，可通过mod_cache模块实现服务器端缓存，减轻后端压力。

1、安装并启用相关模块：sudo a2enmod cache 和 sudo a2enmod cache_disk。

2、在虚拟主机配置中添加缓存规则：

<IfModule mod_cache.c>
    CacheEnable disk http://localhost/
    CacheRoot /var/cache/apache2/mod_cache_disk
    CacheDefaultExpire 3600
    CacheMaxExpire 86400
</IfModule>

登录后复制

3、创建缓存目录并设置权限：sudo mkdir -p /var/cache/apache2/mod_cache_disk 且 sudo chown www-data:www-data /var/cache/apache2/mod_cache_disk。

4、重启Apache2服务完成部署。

以上就是apache2一键缓存，HTML+CSS网站提速300%！的详细内容，更多请关注php中文网其它相关文章！