[Apache]控制網頁暫存
Author: 小光 Date: 2009/06/25 23:16
一個網頁的內容並不是全部都會經常變動,例如像網誌裡面的小圖示,背景,banner,頭像等等
這些圖檔說大不大,但是在長久的看來在流量上佔去不少...
前不久的Google Page Speed在測試時提供的一個idea就是,針對瀏覽器的暫存作最佳化
Leverage browser caching
Yahoo的YDN blog也有類似的建議: High Performance Web Sites: Rule 3 - Add an Expires Header
主要的論點是,將網頁上的物件設定到期日,控制哪些檔案要即時更新,哪些可以不需要...
對於不常變更的網頁元件可以改成從硬碟的cache載入,可以大幅降低網站的負載和加快載入速度
以下是針對暫存對於網站影響的小檢証...
這邊使用firefox+firebug做traffic的偵測,測定目標就是這個網誌的首頁...
當沒有暫存時,所有元件都從是從網站上下載的結果:

而網頁元件從硬碟的暫存載入時感覺像這樣:

第一個改變是,速度變快...當然網路如果越快其實就感覺越不明顯...
第二個改變是,流量減少...底下看到76K裡面有57K是從暫存裡面載入,等於網站少了3/4的流量
如果對於人氣很高的網站來說,這是很可觀的改變...
對於一般的網頁,暫存控制的標籤可以加在header的META tag裡,例如:
CODE:
對於php,可以用header()函式,例如:
CODE:
在google的page speed說明裡提到,php/perl這種動態生成的內容不建議設定暫存,而CSS,JS檔,圖片,多媒體檔案(影音,flash,pdf)等不是動態生成的元件都是可以暫存的...
啟用這些物件暫存的方法:
這些圖檔說大不大,但是在長久的看來在流量上佔去不少...
前不久的Google Page Speed在測試時提供的一個idea就是,針對瀏覽器的暫存作最佳化
Leverage browser caching
Yahoo的YDN blog也有類似的建議: High Performance Web Sites: Rule 3 - Add an Expires Header
主要的論點是,將網頁上的物件設定到期日,控制哪些檔案要即時更新,哪些可以不需要...
對於不常變更的網頁元件可以改成從硬碟的cache載入,可以大幅降低網站的負載和加快載入速度
以下是針對暫存對於網站影響的小檢証...
這邊使用firefox+firebug做traffic的偵測,測定目標就是這個網誌的首頁...
當沒有暫存時,所有元件都從是從網站上下載的結果:

而網頁元件從硬碟的暫存載入時感覺像這樣:

第一個改變是,速度變快...當然網路如果越快其實就感覺越不明顯...
第二個改變是,流量減少...底下看到76K裡面有57K是從暫存裡面載入,等於網站少了3/4的流量
如果對於人氣很高的網站來說,這是很可觀的改變...
對於一般的網頁,暫存控制的標籤可以加在header的META tag裡,例如:
CODE:<meta http-equiv="cache-control" content="no-cache">對於php,可以用header()函式,例如:
CODE:header("Cache-Control: no-cache, must-revalidate");在google的page speed說明裡提到,php/perl這種動態生成的內容不建議設定暫存,而CSS,JS檔,圖片,多媒體檔案(影音,flash,pdf)等不是動態生成的元件都是可以暫存的...
啟用這些物件暫存的方法:
| Share to: |
6 Yahoo search: 網頁暫存
3 Google search: apache image browser cache
3 Google search: apache image cache
2 Yahoo search: 網頁 暫存
2 Google search: Leverage browser caching
3 Google search: apache image browser cache
3 Google search: apache image cache
2 Yahoo search: 網頁 暫存
2 Google search: Leverage browser caching
照这设定出现error500错误
| 主機沒有支援 |
Write New Comment
