yslow與page speed頁面效能測試

如何提高 YSlow 和 Page Speed 的分數

其實也不難，下面從幾個常見的方面說說怎麼提高等級。大多來自朋友們分享的經驗。

減少分頁檔大小

• 最佳化圖片：壓縮體積，減少使用縮放的圖片
• 壓縮 CSS 和 JS 檔案

減少 HTTP 要求數，減少 DNS 查詢

Http 請求數當然是越少越好，這方面的最佳化也很簡單：

• 合并 JS 、CSS 檔案
• 給背景圖片做 CSS sprite
• 不要外鏈太多其他網域名稱的檔案

Use cookie-free domains

Use cookie-free domains 這一項對分數影響很大，建議折騰。

當瀏覽器向伺服器請求一張靜態圖片前,會先發送同網域名稱下的 cookie，伺服器對於這些 cookie 不會做任何處理。因此它們只是在毫無意義的消耗頻寬。所以你應該確保對於靜態內容的請求是無 cookie 的請求。

在 wp-config.php 加入
define('COOKIE_DOMAIN', '你的部落格網域名稱');

這樣你的所有子域就 Cookie-free 了，然後用子網域名稱來作圖床是很好的選擇。
對於不加 WWW ，而是直接用頂級網域名稱的，那麼上面設定之後，子網域名稱還是會帶 Cookies，只能用另外的網域名稱做圖床了。

Add Expires headers

Expires header，就是到期時間的header報文。這個檔案到期時
間，其實就是通過header報文來指定特定類型的檔案在瀏覽器中的緩衝時間。有些檔案(例如樣式表中調用的背景圖片和文章中調用的圖片)其實在很長一段
時間內我們都不會對它們有什麼改變，這類檔案可以設定非常長的緩衝時間，這樣瀏覽器以後就不需要再從伺服器下載這些檔案而直接從緩衝中讀取，從而大大加速
網站的載入速度。

這個我們只要在 .htaccess 檔案添加幾行代碼即可。
# Expire images header
ExpiresActive On
ExpiresDefault A0
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/ico A2592000
ExpiresByType text/css A2592000
ExpiresByType text/javascript A2592000

Configure entity tags (ETags)

在 .htaccess 中添加：
FileETag none

其他方面的最佳化

• 盡量不使用內嵌指令碼、樣式，應從外部載入
• 把 CSS 檔案放在原始碼的開頭，把 JS 放在頁面底部載入
• 最佳化 CSS 選取器（網頁分析其實部分目的也是為了提高這方面的技巧）。
• 開啟 Gzip ，這方面外掛程式和代碼的實現方法都有很多，有的主機控制台還可以直接設定。
• 使用快取區外掛程式（Hyper Cache、WP Super Cache 等）、資料庫快取區外掛程式（WordPress Object Cache、DB Cache Reloaded 等）

參考資料

以前把相應的連結放在了文章每段中，都有同學反映說我沒給出方法。。。
囧，難道是因為連結樣式不顯眼麼。這次試試單獨放一段。

感謝這幾位博友提供的經驗。

• WordPress速度最佳化之Expires Headers | Axiu’s blog
• html代碼層次加速WordPress – Kangzj
• Cookie-free Domains Yslow 極限頁面效能最佳化 – 大貓の意淫筆記
• [網站加速]之最佳化網站Yslow評分到99 | 自力部落格

Gtmetrix ：線上測試 YSlow 和 Page Speed

YSlow 和 Page Speed 都是基於 Firebug 的外掛程式，使用 Firefox 的朋友就方便了，直接裝擴充即可。

A.shun 這裡用來測試的是線上網頁效能分析工具 Gtmetrix，同時進行 YSlow 和 Page Speed 的測試，也會詳細列出各個項目的成績，給出改善的建議。

官方提供了 Bookmarklet 方便調用，拖到你的書籤欄或個人欄：Gtmetrix Test any page easily
順便提供 Opera 按鈕（國際慣例 ），拖到你的工具列：Gtmetrix Test any page easily

P.S.

1. 其實要把分數再提高些也完全可以做到，只是沒必要。
分數這些只是個參考，過分追求就不美了。而且有些最佳化會給我們平時修改主題帶來麻煩。

2. 本文談的問題主要是網頁的效能，這不等於訪問速度。
訪問速度在極大的程度上是取決於主機的頻寬和效能，以及訪問者的網路環境。

» 轉載請以超連結形式註明來源：A.shun Blog » 《YSlow 和 Page Speed 最佳化》
» 本文連結地址：http://www.a-shun.com/archives/21431.html