靜態的html頁面想要設置使用瀏覽器緩存


設置html頁面緩存方法:

靜態的html頁面想要設置使用緩存:

通過HTTP的META設置expires和cache-control 
code
1.  <meta http-equiv="Cache-Control" content="max-age=7200" />
2.  <meta http-equiv="Expires" content="Mon, 20 Jul 2013 23:00:00 GMT" />
 
上述設置僅為舉例,實際使用其一即可。這樣寫的話僅對該網頁有效,對網頁中的圖片或其他請求無效,並不會做任何cache。 參數說明: max-age 指示客戶機可以接收生存期不大於指定時間(以秒為單位)的響應。 Expires 表示存在時間,允許客戶端在這個時間之前不去檢查(發請求),等同max-age的 效果。但是如果同時存在,則被Cache-Control的max-age覆蓋。 Expires: Thu, 01 Dec 1994 16:00:00 GMT (必須是GMT格式)
 
 

要在后台代碼段,實現圖片,css,js,flash的緩存

Response.AddHeader("cache-control","max-age=時間(單位:秒)")或Response.Expires=時間(單位:分)來啟用緩存。如果用Response.AddHeader("expires","utc時刻")來設置Expires的話,cache-control的優先級比expires高,

就是說如果設置了cache-control,那么expires設置的值就被覆蓋掉。如果是用Response.Expires設置的話就不受這個約束。

對網頁中的圖片或其他請求服務器端緩沖設置
apache靜態文件緩存時間設置
如果要對文件添加cache可以通過apache的mod_expire模塊,寫法為  


關於圖片,css,js,flash的緩存

這個主要通過服務器的配置來實現這個技術,如果使用apache服務器的話,可以使用mod_expires模塊來實現:

編譯mod_expires模塊:

Cd  /root/httpd-2.2.3/modules/metadata

/usr/local/apache/bin/apxs -i -a -c mod_expires.c //編譯

先打開httpd.conf文件,然后查找expires這個模塊,找到后,刪除左邊的#號,表示打這個模塊,並重啟apache服務器

編輯httpd.conf配置:添加下面內容

<IfModule mod_expires.c>

ExpiresActive on

ExpiresDefault "access plus 1 month"

ExpiresByType text/html "access plus 1 months"

ExpiresByType text/css "access plus 1 months"

ExpiresByType image/gif "access plus 1 months"

ExpiresByType image/jpeg "access plus 1 months"

ExpiresByType image/jpg "access plus 1 months"

ExpiresByType image/png "access plus 1 months"

EXpiresByType application/x-shockwave-flash "access plus 1 months"

EXpiresByType application/x-javascript      "access plus 1 months"

#ExpiresByType video/x-flv "access plus 1 months"

</IfModule>

解釋:第一句--開啟服務

第二句--默認時間是一個月

在下面是關於各種類型的資源的緩存時間設置

更詳細的說明可以參考我的《網站優化--讓你的網頁飛起來》關於這個模塊的使用介紹

 

參考資料:http://www.infoq.com/cn/articles/etags

                 http://www.lifetyper.com/archives/000087.html
                 http://developer.yahoo.com/performance/rules.html
                 http://www.websiteoptimization.com/speed/tweak/cache/

 

                  http://www.mnot.net/cache_docs/





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM