六月 17

上一篇 網站速度的迷思 講到許多人都在追求更快速的網站,如果你的部落格是放在BSP之下,那你就不用花心思在測你的網站速度了,因為就算你知道可以有改進的空間也是無計可施的。

但是如果是自己架站不管是放在付費主機或是免費空間,在你的WordPress加個Cache快取外掛是可以加快你網站的載入速度的。

那為什麼要裝Cache程式呢?這個就跟 靜態網頁動態網頁 有關了,因為WordPress這一類的部落格程式,是將你在在資料庫中的文章叫出來顯示成為網頁,是一種「動態網頁」。所以說讀者每一個網頁的點擊都需要去執行許多次的資料庫查詢以取得需要的資料,再把這些資料彙整成你現在看到的樣子。

根據高登之前用程式來測試的結果,高登工作室的首頁要顯示出來需要120幾次的資料庫查詢Query,這樣子不但對主機會很操,網頁要顯示出來的速度也一定快不了。

而Cache快取程式就是將你的「動態網頁」轉變成不需要執行資料庫查詢的「靜態網頁」,所以WordPress裝Cache外掛一定可以讓你的網頁顯示速度更快。而一個好的快取外掛可以讓你完全感覺不到它的存在,也就是說就算你在修改文章或是讀者在留言時也會即時更新Cache的內容,不會依然顯示舊的內容給你。還有最好是能夠啟動Gzip壓縮的功能,讓你的網頁資料量減少,這樣子又可以讓網頁的載入速度更上一層樓!

而符合以上標準的就是今天要介紹的:

Hyper Cache快取外掛

Hyper Cache快取外掛

外掛設定

這個外掛的設定項目還不少,就讓我們一個個的來看看:

  • Do not use translations for this configuration panel:在這個設定頁面不要使用翻譯功能
  • Activate the cache?:啟用外掛,這個一定要勾才會有作用
  • Expire a cached page after:快取頁面有效期限(預設60分鐘)
  • Autoclean every:自動清理間隔(預設為1天)
  • What cached pages to delete on events:當有修改文章或是留言這一類需要更新快取內容時採取的動作
    • none:不作更新(這樣子還是看到舊資料)
    • single pages:只更新修改的單一頁面,但是有新文章是全部快取都會更新
    • single pages strictly:同上,但是就算有新文章也只更新新文章(內定是這一項應該不用改了)
    • all:一有更動就全部更新
  • Cache the feed?:訂閱是否也要快取?
  • Optimize HTML:最佳代HTML程式碼,會刪除網頁多餘的空白及換行,但是如果你有使用<pre>程式碼就不要用,因為空白會都不見了
  • Detetect and cache for mobile devices:自動偵測行動上網裝置(手機,PDA之類的)而使用快取
  • Mobile user agents:行動裝置的代理識別碼
  • Gzip compression:是否啟用Gzip壓縮,這個啟用會更快
  • Total cached pages (cached redirect is counted too):顯示目前已經快取的頁面數(你可以由這個數字判斷Cache是否正常運作中)

到目前為止就是勾選「啟用」和「Gzip」這兩項其他的可以照預設值不用變更,如果你的網頁有手機版的再啟用行動裝置快取就好了

星光大牌咖
.
尬舞OB

Hyper Cache快取外掛

接下來是進階設定選項

  • Do not cache the home:首頁不快取
  • Cache the WP redirects:快取WP的轉址
  • Storage:快取儲存方式,有預設及最少的磁碟使用量,應該不用更動
  • URLs with query string:網址帶有查詢字串時的快取方式
    • Do NOT Cache URLs with parameters:有參數的網址不快取
    • Cache all URLs;全部都快取

    像高登的網址結構是「gotdon168.tw/?p=292」這樣子有「?」就是有參數的網址,如果不更改預設值的話,所有頁面都不會快取的,所以一定要改為「Cache all URLs」

  • URI to reject:這裡設定不要快取的網址
  • User agents to reject:遇到特定的代理用戶端(像是GoogleBot)就不啟用快取
Hyper Cache快取外掛

如何確認快取已有效執行

當然你可以憑感覺來看你的網頁載入速度是不是有比較快,但是最好還是用程式才測才會準,這個測試的網站上次就請大家測過了,但是今天還要來說明一下它到底測了些什麼東西。

測試網站:Is My Blog Working?

輸入你的網址按下〔Check〕就可以看到結果了,如果第一區有像這樣子黃色甚至紅色的就不是很好了,其中你要看的有:

  • Your web server [123.123.123.123] is working fine:可以正常連到你的網站
  • Your RSS feed is available.:你的網站有RSS
  • Your blog is indexed by Google.:你的網站有被Google收錄
  • Your blog application doesn't support gzip compression.:你的網站沒有支援Gzip壓縮,如果是Gzip有勾選就是Gzip沒有正確運作,我後面會再說明
  • Your blog doesn't support client caching (no 304 response).:你的網站不支援快取系統,這樣子表示快取沒有發生作用
  • Your feed supports caching (304 response).:你的RSS支援快取
  • Your blog is a self-hosted WordPress blog.:你的部落格架站程式

接下來是一些作者說很無聊的測試數據,但是這才是重點啊!

  • Server hostname:主機名稱
  • page generation time:頁面產生時間
  • page fetch time:頁面取得時間,這兩兩項你可以比較快取有作用跟沒有作用的差別,真的差很多
  • effective transfer speed:有效傳輸速率
  • burst download speed:最高下載速度
  • feed generation time:RSS產生時間
  • feed fetch time:RSS取得時間
  • effective feed transfer speed:有效feed傳輸速率
  • burst feed download speed:最高feed下載速辦
  • Page size:網頁大小
  • Download size:下載大小(已壓縮過的)
  • Bandwidth saved by compression:壓縮節省的頻寬
  • Content ratio:內容比(不知是什麼意思?)
  • Blog If-Modified-Since response/Feed If-None-Match response:判斷是否有快取的依據
  • WordPress version:WordPress版本(看你的WordPress版本是否有偽裝)
  • RSD URL:RSD網址(不知道是作什麼用的?)
  • WLW manifest URL:WLW網址
Hyper Cache快取外掛

設定微調

如果你無法啟動快取你可以試著更改「Activate the cache?」、「Gzip compression」、「Cache the WP redirects」和「URLs with query string」這幾項的設定看看,一定要達成下面這一張圖所顯示的全部綠色才能達到最快的速度。

Hyper Cache快取外掛

當然你也可以由這些數據來判斷主機速度或是線路頻寬,不過要提醒你:這個測試網站是在國外的,如果你的主機是在台灣,那數據可能不會很好看,千萬不要誤會了喔!

還有如果你有用起來覺得不錯的快取外掛也可以提出你的測試數據讓大家參考,這也是用WordPress的最大好處:百家爭鳴!

Related Posts with Thumbnails

相關文章

51 則留言

  1. #
    knight00931
    2009年06月17日 22:20:25

    原來是沒有選擇Cache all URLs
    難怪快取是0頁面!!
    這篇太實用了 拜一下

    回應本則留言
  2. #
    Dream
    2009年06月17日 22:27:36

    「如果是Gzip有勾選就是Gzip沒有正確運作,我後面會再說明」,後面沒有說明?
    感謝高登大大地外掛分享
    但是目前我的網站這個不能用...失望中...

    回應本則留言
    • #
      高登
      2009年06月17日 23:09:39

      有啊!
      最後一張圖片之前那一段就是,
      你不是自己的主機怎麼功能會有限制呢?

      回應本則留言
  3. #
    justfly
    2009年06月17日 23:30:27

    耶 我跳槽了
    把WP SUPER CACHE換成Hyper Cache....
    好像有好一點了^^"
    不過304那兩項還沒打勾@@
    再試試吧~

    回應本則留言
  4. #
    DoReMiCat
    2009年06月18日 00:13:01

    真的有比較快吶...好文推..

    回應本則留言
  5. #
    野兔
    2009年06月18日 00:41:31

    問一下
    User agents to reject 這裡頭需要設定什麼嗎?

    回應本則留言
  6. #
    馬諦斯
    2009年06月18日 01:01:17

    我是用不來恩介紹的
    1-Blog-Cacher
    比較不用設定

    回應本則留言
  7. #
    [WP外掛]捨棄WP Super Cache換上Hyper Cache | JustFLY::JustBlog::
    2009年06月18日 01:30:51

    [...] 都是在強制停用它後就得到解決的@@ 剛好看到高登工作室的這一篇跟這一篇 也到ismyblogworking測了一下JUSTBLOG的速度 果不其然就成了我拋棄WP Super [...]

    回應本則留言
  8. #
    Ted
    2009年06月18日 07:04:45

    不知為啥,我別的沒裝cache的站測試時顯示有裝cache耶 XD

    不過還是來試裝一下Hyper cache看看 ^^

    回應本則留言
  9. #
    藍兒
    2009年06月18日 07:35:46

    我裝了,晚上再看看效果吧!可是Gzip啟用了卻沒有打勾.....

    回應本則留言
  10. #
    Sinchen
    2009年06月18日 09:03:59

    裝完,有比之前快了100ms,但是他告訴我

    XML error: Invalid document end at line 1

    但我去看FEED的原始碼根本沒問題阿XD

    回應本則留言
  11. #
    拆組達人
    2009年06月18日 09:27:17

    嘿嘿,在此文章出來之前
    很早就和大哥挖到此好物
    已經偷偷使用很久囉!^^

    回應本則留言
  12. #
    在地ㄚ晟
    2009年06月18日 09:31:12

    哇~~我的Blogger沒有用!

    回應本則留言
  13. #
    資訊藝術家
    2009年06月18日 13:45:12

    真的蠻好用的 !!

    回應本則留言
  14. #
    高登
    2009年06月18日 14:21:32

    本來就只能裝一種快取程式,不能裝應該有錯誤訊息吧?

    回應本則留言
  15. #
    Dream
    2009年06月18日 14:54:55

    原來是我眼花了少開一個東西
    謝謝高登大大的指導!
    開啟「Cache the WP redirects」之後目前全部都是綠色了!

    回應本則留言
  16. #
    Elvis
    2009年06月18日 17:01:37

    謝謝老爺分享~裝上去後還蠻有差的

    回應本則留言
  17. #
    呵呵
    2009年06月18日 22:20:32

    哇哈哈~~!!
    真是太讚啦
    光用感覺就已經變快抄多了!!

    回應本則留言
  18. #
    Marty
    2009年06月19日 13:33:26

    昨天安裝好了,
    感覺好像有快一點...謝謝分享!

    回應本則留言
  19. #
    BEX
    2009年06月20日 11:43:05

    1-Blog-Cacher去測怎沒開啟Gzip呢?
    我感覺是不是升上wp 2.8就失效了呢~"~
    我要用這套"有快才敢大聲"的Hyper Cache啦XDD
    謝謝高登叔叔分享~~ (人家才小六剛畢業準備上國中)

    回應本則留言
    • #
      高登
      2009年06月20日 14:23:11

      給你的這個網站就可以測Gzip有沒有作用,
      小學剛畢業就玩架站了呀!這可以給一些大哥哥大姐姐或是叔叔阿姨很大的刺激喔!

      回應本則留言
  20. #
    Andrew
    2009年06月21日 12:41:02

    Autoclean every:自動清理間隔
    這欄,要設多少會比較好呢?

    回應本則留言
  21. #
    mokilin
    2009年06月22日 21:51:50

    我gzip還是無法啟動
    點了選項啟動可是測試後還是沒有作用

    回應本則留言
  22. #
    roger
    2009年06月23日 15:23:49

    感謝這麼詳盡實用的教學

    我把Do not cache the home 取消
    再把Cache the WP redirects打勾
    之後
    去測試才有全部通過

    回應本則留言
    • #
      高登
      2009年06月23日 20:19:40

      嗯,每個人的狀況都有一些差異,都要自己試試看才知道

      回應本則留言
  23. #
    汽車化妝師
    2009年06月24日 12:55:45

    Hyper Cacheb讓WP-PostViews Plus文章計數器不再動了
    怎麼試都不動,是相沖嗎 ??

    回應本則留言
  24. #
    [紀錄] WordPress 外掛清單|[ 想像的國度 ]
    2009年09月16日 03:59:05

    [...] Cache 》  教學 [...]

    回應本則留言
  25. #
    雨果
    2009年10月25日 20:14:16

    哭著問大大~
    我只要安裝外掛程式就會變成下列訊息~
    請問那裡有問題呢?

    正在安裝上傳的外掛,檔案:wp-super-cache.0.9.7(加速網站瀏覽速度)4.zip

    無法找到 WordPress Content 目錄(wp-content)。

    回應本則留言
    • #
      高登
      2009年10月25日 22:00:06

      很多免空都沒辦法直接從後台安裝程式或升級,這是免費的代價
      解決的方法就是用傳統的FTP上傳安裝程式或是升級

      回應本則留言
  26. #
    改用Hyper Cache快取外掛!|[ 想像的國度 ]
    2009年10月30日 01:11:27

    [...] 因此順著該篇文章的教學, 就順勢把快取外掛改成了「Hyper Cache」。啟用並設定完成之後再測試一次,真的差很多: [...]

    回應本則留言
  27. #
    強森
    2010年01月02日 22:48:22

    高登你好!我裝了Hyper Cache一切都正常,但是有一個問題我發現我更新東西像是邊欄的內容,在別台電腦看還是顯示舊的。是怎麼一回事@@...還是需要等一段時間他才會更新?(我都使用預設值) 謝謝.

    回應本則留言
    • #
      高登
      2010年01月03日 11:52:05

      如果你是用IE瀏覽就可能要一陣子之後才會更新,方法就是Clear cache

      回應本則留言
  28. #
    阿閎
    2010年01月02日 23:35:09

    裝上了 Hyper Cache 快取
    出現這個問題 怎麼解決呢 :S
    http://f.imagehost.org/0072/231727.png

    回應本則留言

留下您的意見

首次留言要通過審核之後才會出現在版面上,請大家不要重覆留言。如果留言的內容與本篇文章無關、廣告留言或是留下假的網址及信箱的那留言可能就會跑到火星去哦!如果怕忘記在哪一篇文章留言,你只要在下面的e-mail通知那裡打勾就可以收到留言回覆的Email,謝謝大家的配合!

blank
Web Statistics Free PageRank Checker 加入Technorati我的最愛 中時部落格2008嚴選優格