Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

網站的速度常常影響了使用者對於瀏覽體驗的最大因素,因此該怎麼優化網站速度是一個很重要的問題。網路上有蠻多可以對網站速度做檢測的服務,也都會提供詳細報表。這回我們要介紹Pingdom這個服務,這網站算是蠻久的服務了,最近剛好看到他改版,感覺檢測項目變得更詳細了,可以有效地分析網頁速度並給予評分,我們可以透過分析資料來改善網站。

通常網站會慢,大多都是一些外部服務的載入而拖垮了網站整體的速度。當然還有個原因跟網站所在的位置有關係。就像台灣連日本跟台灣連美國,當然是連日本比較快。但有個比較特別的是台灣連大陸,卻比美國比較慢,因為這有一些額外的因素,就不多做探討了。如果說我們是台灣的網站,但是卻發現網站常常開得很慢,我們可以透過Pingdom來幫網站做個健康檢查,看看元凶到底是誰?

以前香腸就常利用Pingdom來對網站做檢測,算是香腸很愛用的服務之一,因為它提供了許多詳細的檢測資訊,還會以報表的方式呈現給我們看,可以一眼就看出到底是哪些項目在拖垮速度,必要的話可以將這些元素撤掉,讓訪客有更好的體驗速度。雖然說Google分析現在也可以加速一串程式碼,同時統計訪客載入網頁的時間,但他只是統計出時間,並沒有分析到底是哪邊慢Orz。補充:Google Page Speed 可以偵測網站速度並分析。

第1步  開啟Pingdom網站,在框框中直接輸入網址,下方的﹝setting﹞可以展開設定是否將測試資料儲存並公開,或者是選擇檢測的伺服器位置,調整好直接點﹝Test Now﹞。

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

第2步  過沒多久,就會秀出網站的統計數據。這網站會對網頁做一個評分、顯示請求連線次數,頁面檔案大小,以及載入時間。

  • Perf.grade:評分,滿分100。(越高越好)
  • Requests:請求連線數。(越低越好)
  • Load time:載入時間(越低越好)
  • Page size:網頁大小(越低越好)

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

Waterfall 網站基本狀況

在【Waterfall】頁面中,下方會顯示網站連線請求的狀況,可以清楚看到網頁的連線請求次序與所需的請求時間。當然,這網站在國外,所以連台灣的東西可能會較慢,但這基本上也是跟實際狀況相差不遠的。網頁的請求數目越多,越容易讓網站拖垮,因為一次可以請求的數目應該是有限的,如果太多,變成要排隊等候。若圖片請求數量過高,可以把站內圖片做成一張大張的,並且用CSS去切區塊,可以減少請求數目。

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

Performance Grade 效能評等

切換到【Performance Grade】,這邊是分析網站整體效能的分數等級,滿分100,從這裡我們可以很快看到DNS解析也是會影響到網站開啟速度的原因之一,當然Javascript是肯定的。

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

Pages Analytics 頁面分析

在Pages Analytics這部分,一樣可以透過圖像式的報表來查看頁面中各類型元素所占用的時間百分比。其中內容應該是占最大部分的。同時下方也有分析網頁內各類型檔案的請求檔案總大小,例如Script、CSS、Image、HTML或是其他東西。另外,也會分析這些檔案類型的請求個數,分析上可以說是非常詳細。我們可以根據這些數據對網站的內容物做一些刪減的動作,有效的優化網站速度。

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)

History 歷史報表

最後一個項目是History,如果在一開始的部份我們有設定儲存報表並公開,那麼紀錄就會存在於這網站上,未來不管是誰,只要測試到相同網站,在這部分都可以查到以前分析過的網站速度。這樣的做法可以讓我們比較網站優化後是否真的有達到其效果,透過比較的方式,才可以最快了解自己優化的成果。

Pingdom 找出拖垮網站速度的元凶(網頁速度檢測)