Nginx使用Expires增加瀏覽器緩存加速(轉)

轉載自：Nginx使用Expires增加瀏覽器緩存加速 

Nginx可以更改HTTP頭部，這個是Web服務器必須的，當然Nginx更可以支持在HTTP頭部中添加Expires等相關信息，增強瀏覽器緩存，是網頁加載速度增強。

Nginx中使用Expires增強瀏覽器緩存

能夠使瀏覽器緩存的HTTP頭部信息主要有以下三種：

1、last-modified實現瀏覽器緩存

last-modified是根據文件更新時間來確定是否再次發送加載。通過返回last-modified頭部信息：

 

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

GET / wp - content / plugins / crayon - syntax - highlighter / js / min / crayon . min . js HTTP / 1.1 Host : www . 3mc2.com User - Agent : Mozilla / 5.0 ( Windows NT 6.1 ; WOW64 ; rv : 26.0 ) Gecko / 20100101 Firefox / 26.0 Accept : * / * Accept - Language : zh - cn , zh ; q = 0.8 , en - us ; q = 0.5 , en ; q = 0.3 Accept - Encoding : gzip , deflate Referer : http : / / www . 3mc2.com / category / architecture Cookie : wp - settings - 1 = hidetb % 3D0 % 26libraryContent % 3Dbrowse % 26align % 3Dcenter % 26urlbutton % 3Dnone % 26editor % 3Dtinymce % 26wplink % 3D0 % 26ed_size % 3D508 % 26mfold % 3Do ; wp - settings - time - 1 = 1389840828 Connection : keep - alive   HTTP / 1.1 200 OK Server : nginx Date : Thu , 16 Jan 2014 15 : 47 : 24 GMT Content - Type : application / x - javascript Last - Modified : Thu , 16 Jan 2014 02 : 29 : 13 GMT Transfer - Encoding : chunked Connection : keep - alive Content - Encoding : gzip

再次請求則帶有If-Modified-Since頭部信息，並返回404：

 

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

GET / wp - includes / js / jquery / jquery . js ? ver = 1.10.2 HTTP / 1.1 Host : www . 3mc2.com User - Agent : Mozilla / 5.0 ( Windows NT 6.1 ; WOW64 ; rv : 26.0 ) Gecko / 20100101 Firefox / 26.0 Accept : * / * Accept - Language : zh - cn , zh ; q = 0.8 , en - us ; q = 0.5 , en ; q = 0.3 Accept - Encoding : gzip , deflate Referer : http : / / www . 3mc2.com / category / architecture / nginx Connection : keep - alive If - Modified - Since : Thu , 16 Jan 2014 02 : 29 : 13 GMT   HTTP / 1.1 304 Not Modified Server : nginx Date : Thu , 16 Jan 2014 15 : 53 : 34 GMT Last - Modified : Thu , 16 Jan 2014 02 : 29 : 13 GMT Connection : keep - alive

我的測試環境為firefox，網址中帶有”?ver=”參數的文件會再次發送請求（返回304），其他文件均未再次請求。

2、Etag確定瀏覽器緩存：

Etag的原理是將文件資源編號一個etag值，Response給訪問者，訪問者再次請求時，帶着這個Etag值，與服務端所請求的文件的Etag對比，如果不同了就重新發送加載，如果相同，則返回304.

3、Expires瀏覽器緩存：

Expires是給一個資源設定一個過期時間，也就是說無需去服務端驗證，直接通過瀏覽器自身確認是否過期即可，所以不會產生額外的流量。此種方法非常適合不經常變動的資源。如果文件變動較頻繁，不要使用Expires來緩存。

對於本博客來說，css樣式和JS腳本基本已經定型，所以最適合的方法是Expires來緩存一些內容到訪問者瀏覽器。通過配置Nginx配置文件實現相關功能：

 

0 1 2 3 4 5 6 7 8 9 10 11 12 13

server {      . . . . .      root / www . 3mc2.com ;      index   index . html index . htm index . php ;      location ~ . * \ . ( gif | jpg | jpeg | bmp | png | ico | txt | mp3 | mp4 | swf ) {          expires 15d ;      }      location ~ . * \ . ( css | js ) {          expires 12h ;      }      . . . . . . }