Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省

-

網頁讀取的速度會影響訪客進入的意願,假如一個頁面需要花10秒才能讀取完成,恐怕訪客在還沒看到內容前就離開了,因此優化網頁的讀取效能是一個好網站應該優先考量的問題。

Page Speed 可以用來分析網頁的讀取效能,並以 Page Speed Score 分數顯示,分數越高表示讀取速度越快。此外,Page Speed 分析網頁後會提供高度、中度及低度優先的改善建議,裡面詳細的列出網頁需要改善的部份,例如延遲解析 JavaScript、改變圖片大小、使用瀏覽器快取、降低重新轉向次數、壓縮網頁…等等,讓你立刻知道要從哪個部份開始修改才能優化網頁讀取效能,不用毫無頭緒的盲目摸索。Page Speed 可以分析一般網頁和行動版網頁,對於網頁設計者來說是絕佳的網頁效能分析工具

網站名稱:Page Speed Online
網站網址:http://pagespeed.googlelabs.com/pagespeed/

如何用 Page Speed Online 分析網頁

Step 1

進入網頁後,在欄位上輸入想要分析的網址並按【分析效能】。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_01

Step 2

稍待一會就會顯示分析結果。左側欄位分從上到下分別顯示高度優先~低度優先(最低還有優先?挺怪的),影響效能最大的會被列在高度優先,點選裡面的建議項目可以看到更詳細的訊息。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_02

摘要裡會顯示 Page Speed Score 分數,滿分為 100,越高分表示改善的幅度越小,反之則表示需要大幅改善。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_07

以硬是要學首頁為例,高度優先項目裡面有「提供大小經過調整的圖片」,點進去後 Page Speed 會告訴你調整後可以大幅減少網頁資料的大小,並且針對頁面提供一些改善的建議。

如果不知道 Page Speed 指的是哪一張圖片,網頁上會明確的顯示圖片網址,按下網址後會出現黃色底的泡泡對話方塊,按下裡面的連結就能開新頁面瀏覽圖片。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_04

再以「延後剖析 JavaScript」來說,Page Speed 會建議將非必要的 JavaScript 讓瀏覽器延後執行,提高主要內容的顯示速度。像是訪客統計、側邊欄位外掛或是按鈕都是可以列為延後執行的對象。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_05

由於建議的種類很多,其他的建議項目就留給各位自行去分析了,網頁裡面的說明都寫得很清楚,如果不懂的話可以詢問周遭朋友或上 搜尋引擎搜尋。

如何分析行動版網頁的讀取效能

在 Page Speed 首頁的分析效能按鈕旁邊有一個小按鈕,按下之後可以選擇電腦版建議或是行動版建議。選擇「取得行動版建議」後再按【分析行動版效能】即可。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_06

如果你已經用電腦版去分析的話也沒關係,在摘要下面的提示區塊中,按下「行動版報告」連結也可以切換成行動版的分析結果。

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_07_3

網站效能會影響搜尋引擎的權重

Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 page-speed_08

在 Google網站管理員工具中有一個「網站效能」選項,裡面會紀錄每天的網頁讀取效能,並顯示讀取速度的快慢。網頁效能會影響 Google 搜尋引擎對網站的權重,因此對 SEO 而言,優化網站讀取效能是必做的功課之一。

相關文章/報導
Werboy
Werboy
3C科技部落客,硬是要學共同創辦人,台灣部落客社群(TBC)共同發起人。熱愛發掘、體驗及分享各類科技產品。 Email:werboy@soft4fun.net
1個評論

留下一個評論

請輸入你的評論!
請在這裡輸入你的名字

網站搜尋
看更多新聞
我們的頻道
- 廣告 -
分享給朋友