使用Yslow概覽與測量網(wǎng)站加載時(shí)間

在決定什么出問題之前，知道網(wǎng)站的加載時(shí)間是第一步。它也能讓你知道你是否需要為網(wǎng)站加速進(jìn)行更改。

在我們開始之前，如果你還沒有安裝YSlow，請安裝。他是MozillaFirefox的一個擴(kuò)展，你可從下面的鏈接p到它：

第一，讓我們?yōu)g覽SixRevisions網(wǎng)站，我們都使用相同的例子進(jìn)行測試（僅需要在新的標(biāo)簽或者瀏覽器窗口中打開）。

在瀏覽器的有效叫，有里程表的一欄（如圖1）。在其旁邊，當(dāng)網(wǎng)頁完成加載以后，你會看到“YSlow”和數(shù)字。數(shù)字代表瀏覽器b載網(wǎng)站所花費(fèi)的時(shí)間（以秒計(jì)）。我們希望這個數(shù)字保持盡可能低的水平。

圖1：YSlow圖標(biāo)和顯示網(wǎng)頁加載時(shí)間的里程表

多數(shù)情況下，導(dǎo)致網(wǎng)頁加載時(shí)間長的一個或者一組原因如下：

太多的HTTP請求

非壓縮的（或未經(jīng)b小的）JavaScript文件

Noexpirationheadersfor靜態(tài)圖片文件

我們一會將要討論這些。

為了fimilarize自己網(wǎng)站加載時(shí)間的表現(xiàn)，瀏覽一些網(wǎng)站?？纯碐oogle，facebook，和一些你喜歡的博客與網(wǎng)站。你會注意到網(wǎng)站利用越多的圖片與js網(wǎng)頁的響應(yīng)時(shí)間越久。

YSlow的使用特點(diǎn)

除了測量它網(wǎng)頁加載的速度，YSlow為您提供一些深入了解，如你可以為提高自己的網(wǎng)站性能做些什么，以及網(wǎng)站的負(fù)載性能的不足。

下面的圖片是‘性能’標(biāo)簽（如圖2）。但你點(diǎn)擊它，它會分j展示每個影響到加載時(shí)間與整體性能的領(lǐng)域的細(xì)節(jié)。

圖2：性能標(biāo)簽

在這個領(lǐng)域，最主觀的選擇是使用CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）.CDN針對大型網(wǎng)站非常有效果。他們所作的事情是跨越遍及各個地區(qū)的服務(wù)器傳播網(wǎng)站內(nèi)容。當(dāng)物理服務(wù)器越是接近用戶加載一個j站，一個頁面的速度越快速。因此本質(zhì)上來說，使用CDN是從服務(wù)器上將內(nèi)容分發(fā)到最接近的訪問的頁面用戶旁。

圖3：性能標(biāo)簽使用字母（A，B，C，D，F(xiàn)）表示等級以及當(dāng)前等級（1-100）。

AsidefromusingaCDN（whichcanbecostly）-everythingelseisdoable.

等級領(lǐng)域

讓我們貫穿每個等級因素，下面是每個等級領(lǐng)域的簡短秒速，以及如何解決這些問題實(shí)現(xiàn)最佳的性能。

減少HTTP請求：當(dāng)網(wǎng)頁從服務(wù)器獲取文件的時(shí)候便有HTTP請求產(chǎn)生。范圍包括腳本，CSS文件，圖片以及asynchroneous客戶端/服務(wù)端請求（Ajax和其他變化的技術(shù)）。這是提及性能時(shí)的關(guān)鍵處，但是只需費(fèi)點(diǎn)體力便能很容易解決。例如，盡可能的合并腳本，CSS，以及圖像，在用戶的機(jī)器上緩存文件常常有幫助。

• 上一篇：網(wǎng)站建設(shè)之如何選擇網(wǎng)絡(luò)服務(wù)商
• 下一篇：怎樣的網(wǎng)站用戶體驗(yàn)是不好的