Web服務(wù)器的性能優(yōu)化有很多資料介紹了，多臺(tái)主機(jī)負(fù)載均衡，查詢結(jié)果的多級(jí)緩存，數(shù)據(jù)庫(kù)索引優(yōu)化

等都是常見(jiàn)的優(yōu)化手段。隨著后端優(yōu)化空間越來(lái)越小，現(xiàn)在越來(lái)越多的網(wǎng)站更注重前端性能的優(yōu)化，就

是瀏覽器，http層面的優(yōu)化，這里寫(xiě)兩點(diǎn)最簡(jiǎn)單最有效的asp.net網(wǎng)站優(yōu)化技巧。

　　了解常見(jiàn)的網(wǎng)站性能優(yōu)化技巧

　　首先我們要學(xué)一些優(yōu)化網(wǎng)站性能和體驗(yàn)的理論和基礎(chǔ)知識(shí)，雅虎已經(jīng)幫我們總結(jié)好了，詳見(jiàn)參考鏈

接中的幾篇文章，有好心人已經(jīng)給翻譯成中文了畫(huà)冊(cè)設(shè)計(jì)公司。這里面提到的一些技巧可操作性都很強(qiáng)，建議每一個(gè)

網(wǎng)站開(kāi)發(fā)人員都仔細(xì)學(xué)習(xí)并進(jìn)行實(shí)踐，可以說(shuō)不了解這里面說(shuō)的優(yōu)化技巧，提升網(wǎng)站前端性能就無(wú)從談

起。

　　診斷 網(wǎng)站性能

　　要想優(yōu)化網(wǎng)站的前端性能，首先要查看最影響前端性能的瓶頸是哪些？最常用的工具就是Google的

Page Sped和Yahoo的YSlow，這兩個(gè)工具都是在Firefox下使用的，并且是基于FireBug的，F(xiàn)ireBug是前

端開(kāi)發(fā)人員必備的一個(gè)插件了。

　　這兩個(gè)工具可以幫你診斷你的頁(yè)面的性能瓶頸在哪里，比如打開(kāi)你的站點(diǎn)首頁(yè)共消耗了多少網(wǎng)絡(luò)流

量，進(jìn)行了多少次HTTP請(qǐng)求，每個(gè)頁(yè)面組件是否可以進(jìn)行緩存，頁(yè)面加載的各個(gè)執(zhí)行過(guò)程各占用了多少

時(shí)間，加載中是否有阻塞情況，頁(yè)面組件并行加載情況如何，圖片是否還可以進(jìn)行無(wú)損壓縮，腳本和樣

式放置的位置是否合理，是否刪除了不必要的空白，是否進(jìn)行了gzip的壓縮等等。知道了這些信息，你

就可以有針對(duì)性的進(jìn)行網(wǎng)站性能優(yōu)化，先把最影響性能的地方優(yōu)化掉。

　　這兩個(gè)工具使用起來(lái)也很簡(jiǎn)單。

　　進(jìn)行優(yōu)化實(shí)踐

　　根據(jù)我對(duì)網(wǎng)站優(yōu)化的學(xué)習(xí)和實(shí)踐，總結(jié)出來(lái)一些經(jīng)驗(yàn)：一般網(wǎng)站性能消耗都集中在網(wǎng)絡(luò)下載上，包

括頁(yè)面本身的HTML以及圖片，腳本，樣式等組件的下載，尤其是在網(wǎng)速比較慢的時(shí)候，下載這些東西要

花費(fèi)整個(gè)網(wǎng)頁(yè)呈現(xiàn)的大部分時(shí)間，這些東西下載完成后，本地的渲染和展現(xiàn)一般會(huì)很快，除非有很復(fù)雜

的效果或腳本，而服務(wù)端執(zhí)行的快慢要看具體服務(wù)器的邏輯，優(yōu)化起來(lái)復(fù)雜度較高，往往站點(diǎn)本身還要

訪問(wèn)后端的其它服務(wù)器，數(shù)據(jù)庫(kù)等。

　　解決這個(gè)首先有兩點(diǎn)可以入手，一是對(duì)頁(yè)面組件進(jìn)行壓縮，web用的圖片一般本身就是壓縮格式，

所以壓縮空間不太大，還會(huì)額外占用服務(wù)器CPU，但腳本，樣式，HTML這些文本內(nèi)容用GZIP壓縮的壓縮

比就非常大了，而且現(xiàn)在大多數(shù)瀏覽器都支持GZIP壓縮。

　　另一方面是對(duì)腳本，樣式，圖片加Http Expire頭，加上這個(gè)過(guò)期頭，網(wǎng)站只需要第一次打開(kāi)時(shí)需

要下載這些網(wǎng)頁(yè)組件，之后再打開(kāi)甚至連HTTP請(qǐng)求都不用發(fā)起，直接在本地加載了，當(dāng)然腳本和樣式服

務(wù)端有可能以后還會(huì)變化，我們需要利用URL重畫(huà)冊(cè)設(shè)計(jì)公司寫(xiě)進(jìn)行腳本和樣式引用的自動(dòng)改名，以便在腳本和頁(yè)面

更新后刷新利覽器緩存。
?