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

本文地址：http://www.gle-technology.com/product/11230.html