Nginx設定js、css到期時間方法

Nginx設定js、css到期時間方法

 

　　Nginx如何設定Js、css等檔案的到期時間

　　首先開啟設定檔/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;

　　}

　　文法解釋

　　nginx作為web伺服器，有時需要讓瀏覽器緩衝(Browser Caching) 是為了加速瀏覽並節約網路資源，瀏覽器在使用者磁碟上對最近請求過的文檔進行儲存。

　　nginx通過expires指令來設定瀏覽器的Header

　　文法： expires [time|epoch|max|off]

　　預設值： expires off

　　範圍： http, server, location

　　使用本指令可以控制HTTP應答中的“Expires”和“Cache-Control”的頭標，(起到控制頁面緩衝的作用)。

　　可以在time值中使用正數或負數。“Expires”頭標的值將通過當前系統時間加上您設定的 time 值來獲得。

　　epoch 指定“Expires”的值為 1 January, 1970, 00:00:01 GMT。

　　max 指定“Expires”的值為 31 December 2037 23:59:59 GMT，“Cache-Control”的值為10年。

　　-1 指定“Expires”的值為伺服器目前時間;-1s，表示永遠到期，即不快取檔案。

　　如何檢測網頁到期設定是否生效？

　　開啟webkaka的網站速度診斷工具(線上測試載入器網址如)，輸入你的網頁地址，檢測後，立即可以看到設定是否生效了。

　　檢測網頁緩衝是否生效

　　看到，被檢測網頁的js、css檔案到期時間為1天。