卡卡网

在卡卡网站速度诊断工具的优化建议里，有一项建议是“使用浏览器缓存”，为什么要使用浏览器缓存？这样可以使浏览器优先从本地硬盘而不是从网络下载资源，从而节省用户的时间。

浏览器缓存未设置

但是在诊断的许多案例中，发现很多网站并没有使用浏览器缓存，一部分人是没有优化的意识，而也不乏有不懂得如何设置的人。由于使用Nginx服务器的网站比较多，本文就给大家介绍如何给Nginx设置浏览器缓存。

Nginx怎样设置浏览器缓存

首先打开配置文件/etc/nginx/nginx.conf，然后找到下面这句话：

location~ .*\.(gif|jpg|png|htm|html|css|js|flv|ico|swf)(.*) {
                   expires 30d;
    }

设置expires这个参数即可，30d表示30天，注意后面有个分号“;”。

如果过期时间为小时，则用“h”，如“expires 1h;”表示文件缓存在1小时后过期。看看下面的范例：

      #图片缓存30天
      location ~.*\.(jpg|png|jpeg)$ 
      { 
        expires 30d; 
      }

      #js css缓存一小时
      location ~.*\.(js|css)?$ 
      { 
        expires 1h; 
      }

这样，就设置完毕了。再在卡卡网站速度诊断里诊断一下，结果会显示各个文件已经有了一个有效期。如下：

浏览器缓存已设置

知识扩展

使用浏览器缓存如何指定标头（来自Google的建议）

标签: Nginx