Nginx缓存静态文件

oliver.chau

于 2024-10-11 16:17:09 发布

阅读量815

点赞数 3

文章标签： nginx 缓存运维

本文链接：https://blog.csdn.net/zybsjn/article/details/142857008

版权

在Python项目中，通过Nginx缓存静态文件（如CSS、JS、图片等），可以有效提升网页的加载性能。Nginx可以帮助你缓存静态资源，减少服务器负担，并加速页面加载。

1. 配置Nginx缓存静态文件

首先，你需要找到你的Nginx配置文件，通常位于 /etc/nginx/sites-available/ 或 /etc/nginx/nginx.conf。如果使用的服务器有多个站点，通常会在 sites-available 目录下找到你的站点配置文件。

打开站点的Nginx配置文件，接着配置静态资源的缓存。

Nginx 配置示例：

server {
    listen 80;
    server_name your_domain_or_ip;

    # 静态文件的缓存配置
    location /static/ {
        alias /path/to/your/project/static/;
        expires 30d;  # 缓存时间为30天
        add_header Cache-Control "public";
    }

    location / {
        # 反向代理到你的Python应用（如Gunicorn或uWSGI）
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

解释：

location /static/:
- 指定 /static/ 目录为静态文件目录。
- alias 用来指定实际存放静态文件的路径，确保Nginx能够找到你的静态文件（如CSS、JS、图像等）。
expires 30d;:
- 使用 expires 指令指定缓存的有效期，30d 表示缓存30天。根据你的项目需求，可以调整时间，比如 1h 表示1小时，7d 表示7天。
add_header Cache-Control "public";:
- 添加 Cache-Control 头部，指示浏览器将资源标记为可缓存。
- 你可以使用其他策略，比如：
  - private: 表示文件仅供用户个人缓存，不会被中间代理服务器缓存。
  - no-store: 不缓存资源。
  - must-revalidate: 强制浏览器每次请求时验证缓存资源是否更新。

2. 增加压缩支持（Gzip压缩）

除了缓存，你还可以开启Gzip压缩来减少静态文件的大小，从而提升传输性能。

在你的Nginx配置文件中，可以启用Gzip压缩：

gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
gzip_proxied any;
gzip_vary on;
gzip_comp_level 6;  # 压缩级别，范围是1-9

gzip on;：启用Gzip压缩。
gzip_types：定义哪些MIME类型的文件应该进行压缩，如CSS、JS、HTML等。
gzip_comp_level：压缩级别，1代表最少压缩，9代表最大压缩。通常选择6是性能和压缩比的最佳平衡点。

3. 启用浏览器缓存的ETag和Last-Modified

你可以使用 ETag 或 Last-Modified 来提高缓存的有效性，使得静态文件在修改后可以被重新加载：

location /static/ {
    alias /path/to/your/project/static/;
    expires 30d;
    add_header Cache-Control "public";
    etag on;  # 启用ETag
    if_modified_since exact;  # 启用Last-Modified头部检查
}

etag on;: 启用ETag头部，标记文件版本，帮助客户端判断文件是否被修改。
if_modified_since exact;: 使用 Last-Modified 时间标记文件的修改时间。这样浏览器可以根据文件是否修改来决定是否需要重新下载。

4. Nginx缓存优化建议

缓存内容和缓存时间的选择：通常静态资源如CSS、JS和图片可以缓存较长时间（比如30天），因为这些资源通常不频繁更改。如果是频繁变动的内容，可以设置较短的缓存时间。
缓存清理：如果你频繁更新静态资源，考虑在部署过程中对缓存进行清理或使用版本化文件名。例如，在静态文件名中引入版本号来确保新版本的文件不会从缓存中获取旧版本。

5. 完整的Nginx配置示例

server {
    listen 80;
    server_name your_domain_or_ip;

    # 配置静态文件的缓存和压缩
    location /static/ {
        alias /path/to/your/project/static/;
        expires 30d;
        add_header Cache-Control "public";
        etag on;
        if_modified_since exact;
        gzip on;
        gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        gzip_proxied any;
        gzip_vary on;
        gzip_comp_level 6;
    }

    # 反向代理到应用服务器
    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}