Page Speed :加快網頁讀取速度的最佳工具,讓網站速度更快、流量更省 – 硬是要學 SOFT4FUN
首頁 » 網站推薦, 網路相關»
發表於

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

文/Werboy

網頁讀取的速度會影響訪客進入的意願,假如一個頁面需要花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 而言,優化網站讀取效能是必做的功課之一。

關於

3C科技部落客,硬是要學共同創辦人,台灣部落客社群(TBC)共同發起人。熱愛發掘、體驗及分享各類科技產品。

Email:werboy@soft4fun.net

Facebook 網友留言

站內留言

有 1 個討論 »

  • 胡 没有名字 說:

    大陆网民泪目了,又得翻墙去打开那个网站了。

留言還缺你一個哦!

支援Gravatar,你可以在不同的地方顯示同樣的大頭貼圖片,還沒有嗎? 快去申請一個吧!.

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

您的留言將會在審核後顯示在頁面上,請別重複留言唷!!

[X]
取得更多 3C 新玩意和優惠資訊,立刻加入粉絲團!
關閉