yslow各個指標含義

餘二五發表於2017-11-23
指標

User fewer HTTP Requests：減少HTTP請求

圖片、CSS、JS、flash等這些都需要增加http請求數，減少這些元素的數量能減少響應時間。

把多個JS、CSS儘可能合併壓縮（除了JS庫，那東西用別的網站上的快取比較靠譜）

小圖片儘可能拼在一起，利用CSS的background定位。

Use a Content Delivery Network 利用CDN技術

這個可以有效的減輕網頁層與伺服器之間的壓力，在配合cache和lvs效果更佳

Avoid empty src or href 不存在的空路徑

類似於<img src=””>這樣的連結不要出現。

Add an Expires headers 設定快取控制

在.htaccess檔案裡面加一段

<IfModule mod_expires.c>

ExpiresActive On

ExpiresDefault &ldquo;access plus 7 days&rdquo;

ExpiresByType image/x-icon &ldquo;access plus 30 days&rdquo;

ExpiresByType image/gif &ldquo;access plus 30 days&rdquo;

</IfModule>

伺服器如果不支援mod_expires就不可以用了。

Compress components with gzip 設定GZIP壓縮

在cPanel的網站優化裡面選擇第二項全部壓縮就好了。

PS:

這裡需要注意下，不是所有的東西都用gzip的，如果資料小於1500位元組，理論上可以不用gzip，因為小的東西本身就不會費流量，如果你gzip了可能會增加解壓的成本。

其實小的js應該合併。

Put CSS at top CSS放頭部

正常網頁都應該這樣吧？

Put JavaScript at bottom JS放腳下

如果你的網頁不是特別依賴JS的效果，還是把JS放腳下比較好。

Avoid CSS Expressions 避免CSS  表示式

每個CSS的教科書都會告訴你不要寫Expressions，不解釋了

Make Javascript and CSS external 使用外部JavaScript和CSS檔案

當然要這麼做。

Reduce DNS Lookups 減少DNS查詢

減少網站從外部網站呼叫資源。

Minify Javascript and CSS

JS和CSS最小化，很多工具都可以用來壓縮他們。

Avoid URL redirects 避免重定向

除了避免3XX型別的重定向，還有一個小問題，最好不要寫aa.com/bb這樣的網址，因為會被重定向到aa.com/bb/，雖然Apache可以使用mod_rewrite，但不這麼寫是最好的。

Remove duplicate javascript and CSS 刪除重複指令碼和CSS

最常見的就是多次載入jquery了，用jsview檢視下就一目瞭然了。

Configure ETags 配置ETags

想知道ETags是什麼Google之。

解決辦法是 .htaccess里加入FileETag None之。

Make AJAX cacheable 設定AJAX的快取

AJAX的資訊讀取是非同步的，這也表示使用者不一定會等待這非同步的響應，為避免重複的AJAX請求，設定快取是優化效能的一個好方法。

Use GET for AJX requests

AJAX用Get不要用Post，這個AJAX書裡面都會介紹的。

Reduce the number of DOM elements 減少DOM元素數量

這個需要xhtml有個好的構架。

Avoid HTTP 404 (Not Found) error 避免出現404錯誤頁面。

404對伺服器還是使用者都不好。

Reduce cookie size 減少cookie的大小

cookie控制在4K以內。

Use cookie-free domains 使用域名無關性的Cookie

這裡是有關靜態伺服器的問題，主要是指一些靜態檔案比如說圖片、CSS等等，如果沒用二級域名，那麼在請求這些的時候會傳送cookie下的域名，但Server又不會理他，所以會浪費頻寬和時間。

如果設定了泛域名，那隻能重新申請一個域名來做靜態的了。

比如說YAHOO，他的靜態檔案都在 yimg.com 上，客戶端請求靜態檔案的時候，減少了 Cookie 的反覆傳輸對主域名的影響。

Avoid AlphaImageLoader filter

避免AlphaImageLoader濾鏡的使用。

Do not scale images in HTML 不要對圖片進行縮放

W3C一直不提倡圖片縮放，一方面是對伺服器資源的浪費，另一方面也是對效能的浪費。

Make favicon small and cacheable 使圖示儘可能小，並使用快取。

這裡指的是favicon.ico了，前面已經設定過了favicon.ico快取。 

本文轉自 小強測試幫 51CTO部落格，原文連結：http://blog.51cto.com/xqtesting/837766，如需轉載請自行聯絡原作者


相關文章