使用 .htaccess 如何提高网站性能并启用Gzip压缩？

使用 .htaccess 提高网站性能并启用 Gzip 压缩

.htaccess 文件是 Apache Web 服务器中用于配置网站设置的文本文件。通过正确配置 .htaccess 文件，可以显著提高网站性能、启用 Gzip 压缩，并优化用户的访问体验。本文将介绍如何使用 .htaccess 文件来实现这些目标。

使用 .htaccess 如何提高网站性能并启用Gzip压缩？

1. 启用浏览器缓存

启用浏览器缓存是提高网站性能的有效方法之一。当用户首次访问网站时，浏览器会下载静态资源（如图片、CSS 和 JavaScript 文件）并将它们存储在本地缓存中。下次用户访问同一页面时，浏览器可以直接从缓存中加载这些资源，而无需再次从服务器请求，从而减少了页面加载时间。

要在 .htaccess 文件中启用浏览器缓存，请添加以下代码：

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>

上述代码设置了不同类型文件的缓存过期时间。例如，图像文件（jpg、jpeg、gif、png）将在用户访问后一年内保持缓存状态，而 CSS 和 JavaScript 文件则为一个月。

2. 启用 Gzip 压缩

Gzip 是一种常用的压缩算法，它可以减少文件大小，从而加快网页的传输速度。启用 Gzip 压缩后，服务器会在发送响应之前对内容进行压缩，浏览器接收到压缩后的数据后会自动解压并显示页面。这不仅减少了带宽占用，还提升了页面加载速度，尤其是在低速网络环境下。

要通过 .htaccess 文件启用 Gzip 压缩，请添加以下代码：

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.
mod_gzip_item_include mime ^application/x-javascript.
mod_gzip_item_exclude mime ^image/.
mod_gzip_item_exclude rspheader ^Content-Encoding:.gzip.
</ifModule>
<IfModule mod_deflate.c>
Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

上述代码启用了对多种 MIME 类型文件的 Gzip 压缩，包括 HTML、CSS、JavaScript、XML 和字体文件等。它还处理了一些旧版浏览器的兼容性问题，确保压缩功能在所有设备上都能正常工作。

3. 禁用 ETags

ETag（Entity Tag）是 HTTP 请求头中的一个字段，用于验证客户端缓存的内容是否与服务器上的最新版本匹配。虽然 ETag 可以帮助浏览器判断资源是否需要重新下载，但在某些情况下，ETag 会导致额外的网络开销，尤其是在多服务器环境中。

禁用 ETags 可以减少不必要的 HTTP 头信息传递，进一步提升性能。要在 .htaccess 文件中禁用 ETags，请添加以下代码：

FileETag None

4. 防止热点链接

热点链接是指其他网站直接链接到您网站的图片或其他资源，导致您的服务器带宽被滥用。防止热点链接可以节省带宽并保护网站资源。要在 .htaccess 文件中防止热点链接，请添加以下代码：

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourdomain.com [NC]
RewriteRule .(jpg|jpeg|png|gif)$ - [NC,F,L]

上述代码阻止了来自其他域名的直接图片链接请求，只允许来自您自己域名的请求访问这些资源。