技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營(yíng)

贊助商

分類目錄

贊助商

最新文章

搜索

Nginx怎樣設(shè)置瀏覽器緩存

作者:admin    時(shí)間:2015-4-2 6:44:56    瀏覽:

卡卡網(wǎng)站速度診斷工具的優(yōu)化建議里,有一項(xiàng)建議是“使用瀏覽器緩存”,為什么要使用瀏覽器緩存?這樣可以使瀏覽器優(yōu)先從本地硬盤而不是從網(wǎng)絡(luò)下載資源,從而節(jié)省用戶的時(shí)間。

瀏覽器緩存未設(shè)置

瀏覽器緩存未設(shè)置

但是在診斷的許多案例中,發(fā)現(xiàn)很多網(wǎng)站并沒(méi)有使用瀏覽器緩存,一部分人是沒(méi)有優(yōu)化的意識(shí),而也不乏有不懂得如何設(shè)置的人。由于使用Nginx服務(wù)器的網(wǎng)站比較多,本文就給大家介紹如何給Nginx設(shè)置瀏覽器緩存。

Nginx怎樣設(shè)置瀏覽器緩存

首先打開配置文件/etc/nginx/nginx.conf,然后找到下面這句話:

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

設(shè)置expires這個(gè)參數(shù)即可,30d表示30天,注意后面有個(gè)分號(hào)“;”。

如果過(guò)期時(shí)間為小時(shí),則用“h”,如“expires 1h;”表示文件緩存在1小時(shí)后過(guò)期。看看下面的范例:

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

      #js css緩存一小時(shí)
      location ~.*\.(js|css)?$ 
      { 
        expires 1h; 
      }

這樣,就設(shè)置完畢了。再在卡卡網(wǎng)站速度診斷里診斷一下,結(jié)果會(huì)顯示各個(gè)文件已經(jīng)有了一個(gè)有效期。如下:

瀏覽器緩存已設(shè)置

瀏覽器緩存已設(shè)置

知識(shí)擴(kuò)展

使用瀏覽器緩存如何指定標(biāo)頭(來(lái)自Google的建議)

標(biāo)簽: Nginx  
相關(guān)文章
    x
    • 站長(zhǎng)推薦
    /* 左側(cè)顯示文章內(nèi)容目錄 */