用.htaccess讓wordpress設定瀏覽器快取功能(Expires headers)

這是優化wordpress一個很重要的作法。
設定瀏覽器快取功能(Expires headers),意思就是給你css,js,圖片等文件,設定一個期限。
這什麼意思呢?
利用「遊覽器緩存」配合「你網站的Expires headers(設定過期日期)」
有人第一次到你的網站,會下載所有的內容在他的遊覽器。
當你沒有設定一個「期限」
這個人又來你的網站,遊覽器又會比對這些資料。
如果有一個期限,可以讓遊覽器不需要比對這些資料。
加快了你網站速度。
如何檢測此功能?
使用https://developers.google.com/speed/pagespeed/insights/
檢查「使用瀏覽器快取功能」就可以知道,
具體做法
打開你網站根目錄的.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]

評論 (0)

此處尚未發表評論

留言

  1. 以遊客身份發表評論。 註冊登入到您的帳戶。
附件 (0 / 3)
分享您的位置