《網(wǎng)頁緩存引發(fā)的難題》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234KH013.htm
--> [網(wǎng)站建設(shè)之]網(wǎng)頁緩存引發(fā)的困難

如何均衡的使用瀏覽器緩存？平時我們借助緩存來減少用戶加載頁面文件（比方j(luò)s,css,image等）的時間跟帶寬，同時我們要確保用戶訪問的上述文件時最新的。而后者是我們經(jīng)常頭疼的問題。
本文重要先容一些小的技能來確保在網(wǎng)站文件被緩存的同時，又可以得到良好的性能和最新的更新的網(wǎng)站內(nèi)容。
問題描寫
好比我們在某頁面加載了css文件，
<link rel="stylesheet" href="/css/styles.css" type="text/css" />
如何優(yōu)化頁面訪問的機能呢？
手腕1、應(yīng)用緩存。通常我們盼望此文件被閱讀器緩存必定的時間，這樣可以用戶拜訪此頁面的時候不用每次都向服務(wù)器懇求下載此文件。咱們也能夠配置服務(wù)器在頁面增加”Expires”頭信息，從而告知瀏覽器緩存此文件的時光。
手段2、我們使用yuicompressor等壓縮工具對css文件進行緊縮，減小文件的大小。
問題是當因版面作風的更新，此css已經(jīng)做了更新，然而用戶可能依然使用的是舊的頁面主題，甚至錯亂的頁面。這樣對用戶休會十分不好。
解決之道：
基本原理：詐騙瀏覽器，讓它以為它加載的文件跟緩存的文件不一樣。
方法一、修改文件名
<link rel="stylesheet" href="/css/styles.1234.css" type="text/css" />,網(wǎng)頁界面設(shè)計之設(shè)計網(wǎng)站首頁的技巧;
辦法二、增添Query string
<link rel=",網(wǎng)頁特效代碼 JavaScript顯示系統(tǒng)時間;stylesheet" href="/css/styles.css?v=1234" type="text/css",網(wǎng)頁滾動條代碼; />
方式三、修正引用文件路徑
這里最好的是在服務(wù)器配置文件中進行配置來實現(xiàn)文件路徑映射（url mapping）。
<link rel="stylesheet",網(wǎng)頁滑動切換特效 采用AJAX刷新和CSS切換; href="/css.1234/styles.css" type="text/css" />
以上我們以css為例進行了闡明，我們來看看圖片和js文件。
Images
因為圖片的引用個別寫在css文件中，并采取絕對路徑，所以當css的援用路徑產(chǎn)生變更的時候，依據(jù)重寫規(guī)矩，圖片被解析的門路天然會同步發(fā)生更新。
JS
適用于css的方法同樣都實用于JS。
停止語
當然web站點性能的優(yōu)化,網(wǎng)頁添加CSS樣式表的四種方式，除了緩存之外，還有很多的方法。比如我們可以借助YSlow來輔助用戶得到最好的體驗。 Tag：緩存     緩存    
(責任編輯：網(wǎng)站建設(shè))
網(wǎng)頁緩存引發(fā)的難題相關(guān)文章