YSlow 是 Yahoo 出的一套 Firefox 附加元件。
可以拿來檢視網站效能，然後他會給你相對的指示，
你可以依照他的指示，去將你的網站優化。
是一個很不錯的東西，之前就有在用，還真的蠻有幫助的。
有興趣的可以到 【Firefox 附加元件-YSlow】來下載。
記得除了要先裝Firefox外~(就算不用YSlow，還是要裝，因為Firefox很好用~)
還要再裝Firebug喔。這樣才可以執行。
而且最近YSlow跟我之前用的長的不太一樣了，有改版了~~
變的更漂亮了，而且功能也變多了。
這裡是 Yahoo YSlow 的官方網站【Yahoo! YSlow for Firebug】
因為是使用Xuite來寫Blog。
所以下面就利用YSlow 來對 Xuite.net 的首頁來做個效能評估吧。
裝完 Firefox + Firebug + YSlow 後，一樣按F12來啟動Firebug。
裡面會看到多一個YSlow的Tab如下圖：點了YSlow的Tab後，會看到下方有四個選項
接下來的圖，點擊後可以放大。
1.Grade，我們看到Xuite首頁的成積是58分，應該是裡面的雜七雜八的東西太多，用IFrame從很多不同的網站抓資料，然後一些CSS跟JS沒有用GZip，Expire Header有些也沒加，大概是因為首頁，所以從很多別的網站抓資料，而那些網站沒有好好加上這些東西，真是有點可惜。分數整個被拉下來了~~
2.Components，可以看到網站裡面有多少元件，還幫你分類好，點擊後就可以展開看詳細資料~挺清楚明白的。
3.Staticstics，顯示沒Cache跟有Cache時的統計資訊。
4.Tools，一些工具，挺不錯用的，像All JS Minified，就可以顯示所有的JS Code，並且把註解跟空白都幫你去掉。
另外，他的Rulesets旁有一個Edit，點擊後，你可以點選你所要套用的規則。真是有彈性。棒~~
仔細的研究，就可以學到更多好用的東西。而且還可以加強觀念，是個很棒的東西。
END~
0 comments:
張貼留言