使用 Yslow 概覽與測量網站載入時間
在決定什麼出問題之前,知道網站的載入時間是第一步。它也能讓你知道你是否需要為網站加速進行更改。
在我們開始之前,如果你還沒有安裝 YSlow,請安裝。他是 MozillaFirefox 的一個擴充套件,你可從下面的鏈接找到它:
第一,讓我們瀏覽 SixRevisions 網站,我們都使用相同的例子進行測試(僅需要在新的標籤或者瀏覽器視窗中開啓)。
在瀏覽器的有效叫,有里程錶的一欄(如圖 1)。在其旁邊,當網頁完成載入以後,你會看到 “YSlow” 和數字。數字代表瀏覽器載入網站所花費的時間(以秒計)。我們希望這個數字保持儘可能低的水平。
圖 1:YSlow 圖示和顯示網頁載入時間的里程錶
多數情況下,導致網頁載入時間長的一個或者一組原因如下:
太多的 HTTP 請求
非壓縮的(或未經縮小的)JavaScript 檔案
Noexpirationheadersfor 靜態圖片檔案
我們一會將要討論這些。
為了 fimilarize 自己網站載入時間的表現,瀏覽一些網站。看看 Google,facebook,和一些你喜歡的博客站羣與網站。你會注意到網站利用越多的圖片與 js 網頁的響應時間越久。
YSlow 的使用特點
除了測量它網頁載入的速度,YSlow 為您提供一些深入瞭解,如你可以為提高自己的網站效能做些什麼,以及網站的負載效能的不足。
下面的圖片是 ‘效能’ 標籤(如圖 2)。但你點選它,它會分級展示每個影響到載入時間與整體效能的領域的細節。
圖 2:效能標籤
在這個領域,最主觀的選擇是使用 CDN(內容分發網絡).CDN 針對大型網站非常有效果。他們所作的事情是跨越遍及各個地區的站羣服務器傳播 WordPress 網站內容。當物理站羣服務器越是接近多用户載入一個網站,一個頁面的速度越快速。因此本質上來説,使用 CDN 是從站羣服務器上將內容分發到最接近的訪問的頁面多用户旁。
圖 3:效能標籤使用字母(A,B,C,D,F)表示等級以及當前等級(1-100)。
AsidefromusingaCDN(whichcanbecostly)-everythingelseisdoable.
等級領域
讓我們貫穿每個等級因素,下面是每個等級領域的簡短秒速,以及如何解決這些問題實現最佳的效能。
減少 HTTP 請求:當網頁從站羣服務器獲取檔案的時候便有 HTTP 請求產生。範圍包括指令碼,CSS 檔案,圖片以及 asynchroneous 客户端/服務端請求(Ajax 和其他變化的技術)。這是提及效能時的關鍵處,但是隻需費點體力便能很容易解決。例如,儘可能的合併指令碼,CSS,以及影象,在多用户的機器上快照檔案常常有幫助。