技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

Nginx怎样设置浏览器缓存

作者:admin    时间:2015-4-2 6:44:56    浏览:

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

浏览器缓存未设置

浏览器缓存未设置

但是在诊断的许多案例中,发现很多网站并没有使用浏览器缓存,一部分人是没有优化的意识,而也不乏有不懂得如何设置的人。由于使用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  
相关文章
    • IT热文
    • 站长推荐