新聞中心
網站性能工具Yslow
許多站長為自己的網站性能不是很滿意,但是查來查去,又不知道該從什么地方入手優(yōu)化,如何優(yōu)化。無憂主機小編,今天就和大家分享幾款網站性能優(yōu)化工具,幫助大家對自己的網站進行一個優(yōu)化。今天和大家介紹的是一個Yslow工具,這個是一個谷歌的插件,可以幫助我們網站代碼,檢查網站模版冗余代碼,可以有效提高網站的打開速度。下面就和大家介紹下。 1、? Yslow的安裝。 如今Yslow已經有很多版本,而且Yslow也能在不同瀏覽器(谷歌、火狐)上進行安裝。小編用的是谷歌瀏覽器,安裝的是3.1.2版本,給大家講解安裝方法。 打開谷歌瀏覽器,點擊右上角的“自定義并控制chrome”,選擇工具——擴展程序。 點擊之后便進入了擴展程序列表。在最下方點擊“獲取更多擴展程序”,進入“Chrome網上應用品店”。 在網上用品商店的左上角輸入“Yslow”搜索,出現(xiàn)搜索結果后,點擊“添加至chrome”。 等待安裝完成。安裝完成后,在google瀏覽器的右上角會出現(xiàn)Yslow的圖標。 點擊之后,就可以啟動Yslow工具了。 2、 Yslow的使用。 Yslow安裝好了,接下來該怎么使用它呢?小編先對啟動頁面做一個介紹。我們可以點擊Run Test運行Yslow,也可以點擊Grade,Components,或Statistics選項開始對頁面進行分析。在“Check here if the current page prevents itself from being embedded/iframed. A simpler post onload detection will be used instead.”前勾選,表示如果網頁阻止被植入,一個簡單的onload事件后檢測將被用來代替。 這里表示的是規(guī)則集,Yslow(V2)表示包含了所有22個測試的規(guī)則,Yslow(V1)表示包含原始的13個規(guī)則,Small Site or Blog包含14個規(guī)則,建議根據您網站的情況對號入座。 接下來我們講講Grade,Components和Statistics。我們還是以hao123為例。 Grade Yslow會給網站的性能打分,有A到F 六個等級,其中A最優(yōu)秀。我們可以看到Yslow對hao123的分析中,給出了9個評分。我們以第一個B為例。Yslow認為hao123應用了4個外部JS,嘗試著合并成一個;9個CSS背景圖片,嘗試著把它們結合。其他評分等級也是可以點擊查看優(yōu)化建議的,這里就不一個個展開講了。 Components菜單: 通過Components,我們可以看出網站各個元素占用的空間大小。 例如在hao123中,JS那一欄占用的比例比較大。通過查看詳細信息,發(fā)現(xiàn) 這一個外部JS就占用了197.1k。在不影響網頁使用的情況下,可以考慮把它刪除或者替換。 Statistics Statistics表示的是Yslow的統(tǒng)計信息試圖。 左圖表示的是頁面元素的空緩存時的加載情況,右邊表示的是頁面元素使用緩存后的頁面加載情況。在上圖中,我們注意到紅色方框里的這句話。它的意思是每訪問一次網頁,將有29次網頁請求以及總共588.7K的流量大小。這是一個比較大的數字了。我們現(xiàn)在來看右圖,使用緩存后,我們看到效果圖片基本靠緩存,而網頁大小也被壓縮到僅僅26.1K。 這個選項和Components有異曲同工之秒,是信息統(tǒng)計視圖,只是看上去更加直觀。如果要對網頁進行修改,主要還是參考Grade中的建議。 有了這么好的網頁優(yōu)化工具,各位站長是不是躍躍欲試了呢?趕快去試試把。
本文地址:http://www.gle-technology.com/product/11230.html