用.htaccess讓wordpress設定瀏覽器快取功能(Expires headers)
這是優化wordpress一個很重要的作法。
設定瀏覽器快取功能(Expires headers),意思就是給你css,js,圖片等文件,設定一個期限。
這什麼意思呢?
利用「遊覽器緩存」配合「你網站的Expires headers(設定過期日期)」
有人第一次到你的網站,會下載所有的內容在他的遊覽器。
當你沒有設定一個「期限」
這個人又來你的網站,遊覽器又會比對這些資料。
如果有一個期限,可以讓遊覽器不需要比對這些資料。
加快了你網站速度。
如何檢測此功能?
檢查「使用瀏覽器快取功能」就可以知道,
具體做法
打開你網站根目錄的.htaccess 貼入以下代碼
[cc lang="php"]
ExpiresActive on
ExpiresDefault "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 year"
# Data interchange
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
# Favicon (cannot be renamed!)
ExpiresByType image/x-icon "access plus 1 week"
# HTML components (HTCs)
ExpiresByType text/x-component "access plus 1 month"
# HTML
ExpiresByType text/html "access plus 0 seconds"
# JavaScript
ExpiresByType application/javascript "access plus 1 year"
# Manifest files
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
ExpiresByType text/cache-manifest "access plus 0 seconds"
# Media
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# Web feeds
ExpiresByType application/atom+xml "access plus 1 hour"
ExpiresByType application/rss+xml "access plus 1 hour"
# Web fonts
ExpiresByType application/font-woff2 "access plus 1 month"
ExpiresByType application/font-woff "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
[/cc]