用GTmetrix來最佳化你的網頁（整合了YSlow、FireBug的功能）

網址是：http://gtmetrix.com/ ，輸入自己需要分析的連結，稍微等會兒，有兩個得分，一是YSlow的分析得分，二是PageSpeed的分析得分。

 

一般互連網的網站，得分要達到C（包含A和B）以上，最好能達到B。

 

 

YSlow的檢查項目

 

就YSlow得分為F的項，我簡單說一下

1、Add Expires headers

添加到期頭，一般指CSS、JS、圖片等靜態檔案，更新頻率比較低，因此可以加上到期時間。

 

2、Compress components with gzip

用gzip壓縮檔，但是要注意，最好壓縮好了再部署，而不是每次擷取現壓縮，可能佔用cpu比較高。

 

3、Use a Content Delivery Network（CDN）

就是程式部署在不同的伺服器，不同地區、網路的使用者能夠訪問最快的。

 

4、Make fewer HTTP requests

合并js和css檔案，開發時可以分開，部署時可以用合并工具合并。減少請求數量。

 

5、Minify JavaScript and CSS

js和css壓縮公用程式壓縮一下（去空格，長名稱用短命名代替）等，減小檔案大小。

 

6、Use cookie-free domains

意思是設定cookie的用一個網域名稱比如：main.host.com，但是有一些不需要cookie的檔案用另外一個網域名稱：static.host.com，這樣發送請求的時候Request中就少了cookie頭的資訊了。

 

7、Put javascript to bottom

瀏覽器的載入和展現順序是：先靜態檔案，再css，展現，再js，再執行js的內容。所以，就需要把css先載入下來，方便展現，因此，css要放在頭部，使用者能更快的看到頁面。js檔案要放在底部，可以慢慢載入，然後再執行js的內容。

 

PageSpeed的檢查項

 

1、Combine external CSS            合并CSS檔案

2、Combine external JavaScript   合并JavaScript檔案

3、Leverage browser caching      利用瀏覽器Cache，就是要加到期時間

4、Minify CSS                               最小化CSS，壓縮

5、Serve static content from a cookieless domain   靜態檔案放在不設定cookie的網域名稱下

6、Enable gzip compression   啟用gzip壓縮

7、Specify a Vary:Accept-Encoding header   如果壓縮了，指定Accept-Encoding的頭

8、Remove unused CSS   去掉不用的CSS

9、Use efficient CSS selectors   用有效CSS選取器

 

==========================================================================

效能相關的系列文章：

LoadRunner利用ODBC編寫MySql指令碼
LoadRunner壓力測試時監控伺服器Linux的資源情況
壓力測試衡量CPU的三個指標：CPU Utilization、Load Average和Context Switch Rate
高效能伺服器架構(High-Performance Server Architecture)
網站效能測試PV到TPS的轉換以及TPS的波動
用GTmetrix來最佳化你的網頁（整合了YSlow、FireBug的功能）