程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> Nginx設置js、css過期時間方法

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的網站速度診斷工具(在線測試工具網址如下圖),輸入你的網頁地址,檢測後,立即可以看到設置是否生效了。

    網站速度優化技巧:Nginx設置js、css過期時間方法

      檢測網頁緩存是否生效

      上圖看到,被檢測網頁的js、css文件過期時間為1天。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved