
日期:2010-05-14 10:28 /人氣:1079 /來(lái)源:互聯(lián)網(wǎng)
網(wǎng)頁(yè)盡可能的快速加載對(duì)網(wǎng)站非常重要;用戶(hù)希望快速的查看他們想要看的頁(yè)面,假如你不能滿(mǎn)足他們,他們就會(huì)另尋它處。在這篇文章中,你會(huì)看到5個(gè)幫助您加速網(wǎng)頁(yè)響應(yīng)時(shí)間的簡(jiǎn)單而有效的技術(shù)的相關(guān)討論。
1. 使用Yslow概覽與測(cè)量網(wǎng)站加載時(shí)間
在決定什么出問(wèn)題之前,知道網(wǎng)站的加載時(shí)間是第一步。它也能讓你知道你是否需要為網(wǎng)站加速進(jìn)行更改。
在我們開(kāi)始之前,如果你還沒(méi)有安裝YSlow, 請(qǐng)安裝。他是Mozilla Firefox的一個(gè)擴(kuò)展,你可從下面的鏈接找到它:
https://addons.mozilla.org/en-US/firefox/addon/5369

第一,讓我們?yōu)g覽Six Revisions網(wǎng)站,我們都使用相同的例子進(jìn)行測(cè)試(僅需要在新的標(biāo)簽或者瀏覽器窗口中打開(kāi))。
在瀏覽器的右下角的插件欄(如圖1)。當(dāng)網(wǎng)頁(yè)完成加載以后,你會(huì)看到”YSlow”和數(shù)字。數(shù)字代表瀏覽器加載網(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è)或者一組原因如下:
1、太多的HTTP請(qǐng)求
2、非壓縮的 (或未經(jīng)縮小的) JavaScript文件
3、No expiration headers for靜態(tài)圖片文件
我們一會(huì)將要討論這些。
為了fimilarize自己網(wǎng)站加載時(shí)間的表現(xiàn),瀏覽了一些網(wǎng)站。看看Google,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ù)器越是接近用戶(hù)加載一個(gè)網(wǎng)站,一個(gè)頁(yè)面的速度越快速。因此本質(zhì)上來(lái)說(shuō),使用CDN是從服務(wù)器上將內(nèi)容分發(fā)到最接近的訪(fǎng)問(wèn)的頁(yè)面用戶(hù)旁。

圖 3: 性能標(biāo)簽使用字母(A, B, C, D, F) 表示等級(jí)以及當(dāng)前等級(jí)(1-100)。
作者: