SEO 筆記:網站優化-網頁載入速度分析


SEO

SEO – 網頁載入速度分析

網頁的載入速度對於 SEO 來說也是很重要的一項指標,如果網頁的載入速度很慢,很可能搜尋引擎來訪問過一兩次後,就不會再來訪問你的網站,因為網頁載入速度過慢的網站不受到搜尋引擎的歡迎,搜尋引擎本身也是一個虛擬的使用者,如果使用者訪問你的網站需要等待很久才能完全打開網頁,那麼可能等到一半就直接關閉流覽器,Search Engine 的行為也是如此。 所以加快網頁的載入速度,也是 SEO 裡頭的一項重要工作,這裡先不談怎麼加快網頁載入速度,而是先介紹幾個在線的網頁載入速度分析網站,有了檢測的工具之後才能對後續的改善提供幫助。

線上網頁載入速度檢測

所有的線上網頁載入速度分析網站所提供的檢測結果都只是一個參考值,檢測結果是檢測當時從該檢測網站服務器到被檢測網站的測試結果,這中間還會受到兩個網站中間的網路環境及品質的影響,因此可以預見雖然是同一個檢測網站,但每次檢測的結果可能都不相同,若要比較自己網站與別人網站的速度差異,那麼只能在同一時間透過同一個檢測網站來作測試才能得到比較合理及公平的比較結果。

以下介紹兩個好用的網頁載入速度分析網站

網頁載入速度分析工具 pingdom

pingdom tool
Pingdom Tool

在網頁的白色輸入框打上要檢測的網站網址。

下方可以選擇要從哪裡進行測試,有 Amsterdam, Netherlands 和 New York City, New York, USA 以及 Dallas, Texas, USA 三者可供選擇。 完成後按下右邊的 "Test Now" 按鈕,便可開始進行檢測。

pingdom tool
Pingdom 網頁測試結果

從結果可以看到幾個數字,(1) Perf. grade 綜合分數 (2) Requests 網頁向服務器要求次數 (3) Load time 總載入時間 (4) Page size 是頁面總共佔去多少大小。 先看 Load time 以及 Page size ,如果 Load time 大於 20s 就應該需要優化網頁,如果 Page size 頁面大小超過 2M,同樣的對網頁載入速度也有很大的影響,所以超過 2M 也請先優化網頁大小。

當要進行網頁優化時,可參考檢測結果的下方部份 Requests done to load this page ,這裡會清楚的告訴你網頁上有哪些元素,以及這些元素載入時所花掉的時間,不過由於很多元素是同時在進行下載工作,因此單看圖片還無法知道哪一個元素耗時最久。 此時可以將滑鼠移到 "藍黃綠" 的長條 bar 上面,那麼它會顯示更詳細的載入資訊供你參考

pingdom tool
Pingdom 網頁測試結果

真正下載時間是綠色的部份,例如上圖就是 Receive 這個項目,花掉了 1.09s

有了這個詳細的訊息,你就可以根據這個把花費比較多時間的元素找出來,並加以優化。

   

Pingdom 網頁檢測 URL: 點擊這裡

網頁載入速度分析工具 gtmetrix

gtmetrix tool
gtMetrix

在 http:// 打入要檢測的網址,按下右邊的 "GO" 按鈕,就可以開始檢測

gtmetrix tool
gtMetrix 測試結果

右邊有 Page load time 頁面載入時間; Total page size 頁面大小; 以及 Total number of requests 頁面請求次數

如果想看更詳細的資訊,可以把下面的結果切換到 "Timeline"

gtmetrix tool
gtMetrix Timeline

這個畫面會清楚的告訴你每個元素所佔用的大小(size),如果把滑鼠移到右邊有顏色的長條狀上面,可以看到更詳細的資訊,真正接收所花掉的時間是 Receiving 這個部份

gtmetrix 網頁檢測 URL: 點擊這裡

SEO 筆記延伸閱讀

(*) SEO 筆記: Goolge PageRank 多久更新一次?

(*) SEO 筆記: SEOer 也應該更新到 2.0了

(*) SEO 筆記:為什麼百度的統計後台以及站長工具後台看到的收錄量與在百度搜索條打site的結果不一致?

(*) SEO 筆記:有別人給你網站留言別高興的太早

本文地址:SEO 筆記:網站優化-網頁載入速度分析
內容對你有幫助嗎? 臉書分享:
分享到:

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

交換連結: Liang's Blog |