如何分析和壓縮網站代碼

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

既然網站頁面的大小如此重要，我們應該如何來優化自己的頁面呢?

當然首先要保證你的HTML代碼書寫要規範，要知道DIV要比TABLE展示的快，所以佈局儘量用DIV和CSS。 JS和CSS代碼都寫在外部檔，可以 分模組來減小他們的大小，每個模組引用各自模組的JS和CSS，然後對每個CSS和JS檔進行壓縮。 圖片沒有辦法壓縮，但是我們可以通過工具來查看頁面 引用的所有圖片的大小來進行優化。

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

分析網站的工具：YSlow

YSlow是Yahoo開發的一個用於測試分析網站優化的Firefox工具外掛程式，安裝時還必須依賴于Firebug。 YSlow針對網站速度體驗上的優 化，將其總結為13條，分別用F到A的指標來對你的網站速度做出評價並給出資料，F代表最差，A代表最好。 我們可以通過分析得到的資料對自己的網站和服務 器做相應的優化。 不僅如此，YSlow還為我們統計了頁面發起的HTTP請求和頁面的大小，下面是統計的示例：

有了這個統計，也可以很好的引導我們對代碼和媒體進行優化。

壓縮代碼的工具也是Yahoo公司提供的一個線上的壓縮器：Online YUI Compressor，這個壓縮器可以對所有的JS和CSS進行壓縮，壓縮完以後會提示 壓縮的比例，使用起來也是非常方便。

　　至此，頁面前端的優化就已經完成，更多的優化可以根據需求對伺服器，腳本以及資料庫進行相應的調整。 最後，轉載請注明IT驛站：HTTP://www.ityizhan.com