網頁

2015/04/23

如何解決PageSpeed Insights : 使用瀏覽器快取功能

你是否在Google Development PageSpeed Insights的測試中,遇到下面的情況呢?

建議修正的問題: 使用瀏覽器快取功能

如果是自己架的網站,方法很簡單。若是架在別的網站的BLOG,可能要詢問網站伺服器是否能協助開啟了。

在Apache Server的網頁主目錄中找到 .htaccess檔案
如果是Wordpress,應該在public_html,預設是隱藏檔。

在File的最下面,例如 : (# END WordPress),加入以下程式碼:

## EXPIRES CACHING ##
<ifmodule mod_expires.c="">
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</ifmodule>
## EXPIRES CACHING ##

其中的access 時間,是可以根據自己喜好去修改的。不過根據Google目前PageSpeed Insights的規則(2015-04-24),access 時間不能小於七天,否則他還是會叫你更改喔!

參考文章
https://github.com/websharks/zencache/issues/134

3 則留言:

  1. 那如果是靜態網頁呢?不是 wordpress

    回覆刪除
    回覆
    1. 如果您的靜態網頁也是用Apache,可以查詢Apache如何enable htaccess的功能,並自行增加一個.htaccess.txt檔案。
      然後再把上面那段文字加進去您的htaccess.txt

      刪除
  2. 作者已經移除這則留言。

    回覆刪除