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

贊助商

分類目錄

贊助商

最新文章

搜索

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

作者:admin    時間:2015-4-2 6:44:56    瀏覽:

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

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

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

但是在診斷的許多案例中,發(fā)現(xiàn)很多網(wǎng)站并沒有使用瀏覽器緩存,一部分人是沒有優(yōu)化的意識,而也不乏有不懂得如何設(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這個參數(shù)即可,30d表示30天,注意后面有個分號“;”。

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

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

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

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

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

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

知識擴(kuò)展

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

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