Gzip 与浏览器缓存:两条配置榨干加载速度

HTML 文本压缩率普遍 70% 起,静态资源加长缓存让回头客几乎秒开——这两条配置是性价比之王。

Gzip 配置

gzip on;
gzip_comp_level 5;
gzip_min_length 1k;
gzip_types text/css application/javascript application/json image/svg+xml;

静态资源长缓存

location ~* \.(css|js|png|jpg|webp|svg|woff2)$ {
    expires 30d;
    add_header Cache-Control "public, immutable";
}

更新的坑

长缓存后改了 CSS 用户看不到?给资源引用加版本号(style.css?v=2),或构建时给文件名加哈希。验证:curl -I 看 Content-Encoding 与 Cache-Control。

相关文章