如何分析與改善網頁載入速度?

Share

主要動機:

您知道公司網站或部落格的效能好嗎 ? 如何做線上效能分析呢 ? 如果效能不佳的話,要如何進行改善呢 ? 更重要的則是,要花費多少時間和金錢來做調整 ?  這些問題一直困惱著網管人員 (包括我),以下分享最近對公司網站及部落格所做的改善處理方式,最終的網站效能提升還不錯。

Google 不久前清楚明白的提到,「網頁速度」是 Google 搜尋排序的參考指標之一,或許所佔比重不大,但網頁載入速度如果過慢,瀏覽網頁的人一定不會有耐心看下去。GTmetrix 的首頁就說到;如果沒有在 4秒鐘內顯示出網頁,用戶就會離開您的網站,因此網頁速度的分析與改善是很重要的工作。

線上分析工具:GTmetrix

GTmetrix 網站是一個免費、不需註冊的線上網頁分析工具,提供了豐富的網頁量測結果與分析建議方法。只要在 GTmetrix 首頁輸入您的網頁網址(URL),按下右邊的 [GO!] 按鈕,就為你分析網頁中每個元素的載入速度,更重要的是會根據網站目前的效能缺陷,提供具體的網站優化建議方式。
GTmetrix 工具採用 Google Page SpeedYahoo YSlow 兩個知名的線上網站檢測工具,來分析網站的效能,省掉我們需要個別去執行這二個工具的麻煩,而且它們來自兩大搜尋引擎陣營,也深具檢測結果的代表性(搜尋引擎所關心的項目),下圖上面的部份是,檢測結果最需要改善 (效能表現比較差) 的項目。
經過 GTmetrix 工具評量完成之後,針對官方網站和部落格,我們採用兩個網站效能改善工具 SmartOptimizerW3 Total Cache 分別進行調整。這些工具全部都免費,安裝和使用上也很簡單、快速,並不需要花費很多時間處理。

官方網站:SmartOptimizer

SmartOptimizer 是一個 PHP 的網站效能改善工具,將下載的檔案(v1.8)解壓縮後,複製 .htaccess 和 SmartOptimizer資料夾到網站目錄下即可,當然網站支援的PHP軟體環境要先建立好。下圖是網站調整前的分析結果,評分均為 C 級
下圖則為網站經過 SmartOptimizer 調整後的分析結果,Page Speed 的評分升至 B 級,YSlow 雖然還是 C 級,分數僅增加 1%。這是因為 Google Page Speed 評分是以速度效能為主,調整比較容易達到,而 Yahoo YSlow 的評分還包括搜尋引擎最佳化 (SEO)的改善,一般工具是較不可能做到的,還是需要人工介入處理。

部落格:W3 Total Cache

W3 Total Cache 是 GTmetrix 分析之後,所建議使用的 WordPress 外掛工具之一,透過 WordPress 外掛介面進行安裝即可,建議先勾選基本項目進行調整與分析,再逐步增加其他項目調整。下圖是部落格調整前的分析結果,Page Speed 評分為 B 級已經不錯,YSlow評分還是 C 級,評量方式的確是比較嚴謹。
下圖是部落格經過 W3 Total Cache 調整的分析結果,Page Speed 的評分升至 A 級相當棒,YSlow 也達到 B 級 (80%)。這個工具真的不錯,如果有使用 WordPress 的朋友,強烈建議採用,但不要與其他類似的 Cache 外掛一起混用。

 

 

 

 

 

發表迴響

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