Yslow 有什么用？
- YSlow可以對網站的頁面進行分析，并告訴你為了提高網站性能，如何基于某些規則而進行優化。
- YSlow可以分析任何網站，并為每一個規則產生一個整體報告，如果頁面可以進行優化，則YSlow會列出具體的修改意見。
Yslow 支持chrome插件和firfox插件
- 注：用相應瀏覽器打開對應鏈接，即可直接安裝
- Yslow目前(2016-07-18)只支持firfox 36版本以下的
Yslow真正的核心
Yslow的工作原理
- 以23條規則為依據，對前端頁面進行分析，從而得出優化方案以及評級
以chrome瀏覽器為例介紹Yslow各功能項
- 打開想要測試的網址，進入Yslow，然后會有Yslow的一些簡介：
點擊圖標.png
- 點擊 Run Test ，開始對當前網站進行分析，在Yslow主頁面分為4個選項卡(firfox有5個多一個tools)，分析完畢后默認進入Grade（評級）中：
評級分析.png
- 如圖，可以看出該網站評分為：C級；全部的檢查點為23個其中分別：CONTENT | COOKIE | CSS |IMAGE | JAVASCRIPT | SERVER 各多少個。點擊后能查看相應分類下的具體內容 每一個檢查點都有對應評級，點開后，右側為Yslow給出的優化建議
- Components（組件視圖）選項卡，統計了六類分析項的大小、應用Gzip后的大小、接收與發送cookie的大小，點擊放大鏡可以查看請求頭信息，url是地址，expires是緩存是否存在，以及過期時間。response time是該文件響應的時間，單位是毫秒ms。后面是否啟用etag，Action，yslow給出的建議部分，可以進行怎樣的優化操作。
components.png
- Statistics（統計視圖）選項卡，左側圖表顯示是頁面元素在空緩存的加載情況，右側為頁面元素使用緩存后的頁面加載情況。從圖中可以直觀的看出，這個網頁47個HTTP請求，網頁的大小達到744.6K，意味著打開一個無緩存頁面需要下載750k的東西，而通過使用緩存后我們可以看到效果圖片基本靠緩存，而網頁的總大小壓縮到73.4K。
Statistics.png
- Statistics這個統計信息視圖工具和Components（第三選項卡）一樣，只是效果更直觀，如果要獲得性能優化建議還是要看Grade（第二選項卡）的詳細建議
-
Yslow 規則集
規則集.png
- YSlow （ 2版） -這一規則集包含了所有23個測試的規則。
Yslow(2版).png
- classic（ V1） -這個規則集包含原始13規則中使用了YSlow 1.0 。
classic（ V1）.png
- 小網站或博客-這個規則集包含15個規則，適用于小型網站或博客。參照下方的圖片，看看哪一種規則，在這個規則集。
small site or Blog.png
- 注：最后選定的規則集成為默認的規則集。默認規則集可以是一個預定義的三個之一或您自己創建的一個。要創建您自己的規則集，單擊Rulesets下拉菜單旁邊的 Edit 按鈕。新的規則集屏幕將顯示：
1、點擊左側 New Set 按鈕，出現全部23條規則，勾選你所需的
2、點擊 Save ruleset as... 保存，會彈出個命名窗口，命名就可以了。
3、你還可以對自定義的規則再次編輯或者刪除。
2016-07-18
@ 雨天 --在公司
