隨著網(wǎng)站功能的日益增強(qiáng)，網(wǎng)站的代碼量也會(huì)越來越大，而且進(jìn)入Web2.0富客戶端以后，網(wǎng)站主更加關(guān)注網(wǎng)站的美觀和用戶的體驗(yàn)，可是要產(chǎn)生這樣的 視覺效果，圖片CSS和JS就是擔(dān)負(fù)起很大的責(zé)任，這樣就使網(wǎng)站的頁(yè)面變的很大，從而影響網(wǎng)站的訪問速度。試想一下，一個(gè)只有10K的頁(yè)面和一個(gè)100K 的頁(yè)面哪一個(gè)能更快的展現(xiàn)出來，答案當(dāng)然是10K的頁(yè)面，許多研究都表明，用戶最滿意的打開網(wǎng)頁(yè)時(shí)間，是在2秒以下。用戶能夠忍受的最長(zhǎng)等待時(shí)間大約在 6～8秒之間。也就是說，8秒是一個(gè)臨界值，如果你的網(wǎng)站打開速度在8秒以上，那么很可能，大部分訪問者最終都會(huì)離你而去。

　　既然網(wǎng)站頁(yè)面的大小如此重要，我們應(yīng)該如何來優(yōu)化自己的頁(yè)面呢?

　　當(dāng)然首先要保證你的HTML代碼書寫要規(guī)范，要知道DIV要比TABLE展示的快，所以布局盡量用DIV和CSS。JS和CSS代碼都寫在外部文件，可以 分模塊來減小他們的大小，每個(gè)模塊引用各自模塊的JS和CSS，然后對(duì)每個(gè)CSS和JS文件進(jìn)行壓縮。圖片沒有辦法壓縮，但是我們可以通過工具來查看頁(yè)面 引用的所有圖片的大小來進(jìn)行優(yōu)化。

　　下面我來介紹一下分析網(wǎng)站和壓縮代碼的工具:

　　分析網(wǎng)站的工具：YSlow

　　YSlow是Yahoo開發(fā)的一個(gè)用于測(cè)試分析網(wǎng)站優(yōu)化的Firefox工具插件，安裝時(shí)還必須依賴于Firebug。YSlow針對(duì)網(wǎng)站速度體驗(yàn)上的優(yōu) 化，將其總結(jié)為13條，分別用F到A的指標(biāo)來對(duì)你的網(wǎng)站速度做出評(píng)價(jià)并給出數(shù)據(jù)，F(xiàn)代表最差，A代表最好。我們可以通過分析得到的數(shù)據(jù)對(duì)自己的網(wǎng)站和服務(wù) 器做相應(yīng)的優(yōu)化。不僅如此，YSlow還為我們統(tǒng)計(jì)了頁(yè)面發(fā)起的HTTP請(qǐng)求和頁(yè)面的大小，下面是統(tǒng)計(jì)的示例：

　　有了這個(gè)統(tǒng)計(jì)，也可以很好的引導(dǎo)我們對(duì)代碼和媒體進(jìn)行優(yōu)化。

　　壓縮代碼的工具也是Yahoo公司提供的一個(gè)在線的壓縮器：Online YUI Compressor，這個(gè)壓縮器可以對(duì)所有的JS和CSS進(jìn)行壓縮，壓縮完以后會(huì)提示 壓縮的比例，使用起來也是非常方便。