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

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

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

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

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

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

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

太多的HTTP請(qǐng)求

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

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

我們一會(huì)將要討論這些。

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

YSlow的使用特點(diǎn)

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

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

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

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

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

AsidefromusingaCDN（whichcanbecostly）-everythingelseisdoable.

等級(jí)領(lǐng)域

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

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

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