網站優化之剖析和壓縮網站代碼

  隨著網站功能的一天比一天加強,網站的代碼量也會越來越大,並且進入了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驛站: