這篇教程説明你應該怎樣配置 nginx 、設定 HTTP 頭部過期時間,用 Cache-Control 中的 max-age 標記為靜態檔案(比如圖片、 CSS 和 Javascript 檔案)設定一個時間,這樣使用者的瀏覽器就會 WordPress 加速緩存這些檔案。這樣能節省頻寬,並且在訪問你的網站時會顯得更快些(如果使用者第二次訪問你的網站,將會使用瀏覽器 WordPress 加速緩存中的靜態檔案)。
1 、準備事項
我想你需要一個正常工作的 nginx 站羣軟件,就像這篇教程裏展示的:在 Ubuntu 16.04 LTS 上安裝 Nginx,PHP 7 和 MySQL 5.7 (LEMP) 。
2 配置 nginx
可以參考 expires 指令手冊來設定 HTTP 頭部過期時間,這個標記可以放在 http {} 、 server {} 、 location {} 等語句塊或者 location {} 語句塊中的條件語句中。一般會在 location 語句塊中用 expires 指令控制你的靜態檔案,就像下面一樣:
location ~* .(jpg|jpeg|png|gif|ico|css|js)$ {
expires 365d;
}
在上面的例子中,所有字尾名是 .jpg 、 .jpeg 、 .png 、 .gif 、 .ico 、 .css 和 .js 的檔案會在瀏覽器訪問該檔案之後的 365 天后過期。因此你要確保 location {} 語句塊僅僅包含能被瀏覽器 WordPress 加速緩存的靜態檔案。
然後重啓 nginx 程序:
/etc/init.d/nginx reload
你可以在 expires 指令中使用以下的時間設定:
off 讓 Expires 和 Cache-Control 頭部不能被更改。
epoch 將 Expires 頭部設定成 1970 年 1 月 1 日 00:00:01 。
max 設定 Expires 頭部為 2037 年 12 月 31 日 23:59:59,設定 Cache-Control 的最大存活時間為 10 年
沒有 @ 字首的時間意味著這是一個與瀏覽器訪問時間有關的過期時間。可以指定一個負值的時間,就會把 Cache-Control 頭部設定成 no-cache 。例如:expires 10d 或者 expires 14w3d 。
有 @ 字首的時間指定在一天中的某個時間過期,格式是 Hh 或者 Hh:Mm,H 的範圍是 0 到 24,M 的範圍是 0 到 59,例如:expires @15:34 。
你可以用以下的時間單位:
ms: 毫秒
s: 秒
m: 分鐘
h: 小時
d: 天
w: 星期
M: 月 (30 天)
y: 年 (365 天)
例如:1h30m 表示一小時三十分鐘,1y6M 表示一年六個月。
注意,要是你用一個在將來很久才會過期的頭部,當元件修改時你就要改變元件的檔名。因此給檔案指定版本是一個不錯的方法。例如,如果你有個 javascript.js 檔案 並且你要修改它,你可以在修改的檔名字後面新增一個版本號。這樣瀏覽器就要下載這個檔案,如果你沒有更改檔名,瀏覽器將從 WordPress 加速緩存裏面載入(舊的)檔案。
除了把基於瀏覽器訪問時間設定 Expires 頭部(比如 expires 10d)之外,也可以通過在時間前面的 modified 關鍵字,將 Expires 頭部的基準設為檔案修改的時間(請注意這僅僅對儲存在硬碟的實際檔案有效)。
expires modified 10d;
3 測試
要測試你的配置是否有效,可以用火狐瀏覽器的開發者工具中的互聯網分析功能,然後用火狐訪問一個靜態檔案(比如一張圖片)。在輸出的頭部資訊裏,應該能看到 Expires 頭部和有 max-age 標記的 Cache-Control 頭部(max-age 標記包含了一個以秒為單位的值,比如 31536000 就是指今後的一年)
4 連結
nginx 的 Http 頭部模組(HttpHeadersModule): http://wiki.nginx.org/HttpHeadersModule