title: Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 --- **摘要** Page Speed 可以用來分析網頁的讀取效能，並以 Page Speed Score 分數顯示，分數越高表示讀取速度越快。此外，Page Speed 分析網頁後會提供高度、中度及低度優先的改善建議，裡面詳細的列出網頁需要改善的部份，例如延遲解析 JavaScript、改變圖片大小、使用瀏覽器快取、降低重新轉向次數、壓縮網頁…等等，讓你立刻知道要從哪個部份開始修改才能達到最佳的讀取效能，不用再毫無頭緒的盲目摸索。Page Speed 可以分析一般網頁和行動版網頁，對於網頁設計者來說是絕佳的網頁效能分析工具。 **Category** - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) - [網路相關](https://www.soft4fun.net/category/software/internet) **Tag** - [Google](https://www.soft4fun.net/tag/google) - [page speed](https://www.soft4fun.net/tag/page-speed) - [加快網站效能](https://www.soft4fun.net/tag/%e5%8a%a0%e5%bf%ab%e7%b6%b2%e7%ab%99%e6%95%88%e8%83%bd) - [加快網頁讀取速度](https://www.soft4fun.net/tag/%e5%8a%a0%e5%bf%ab%e7%b6%b2%e9%a0%81%e8%ae%80%e5%8f%96%e9%80%9f%e5%ba%a6) - [網頁效能分析工具](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e6%95%88%e8%83%bd%e5%88%86%e6%9e%90%e5%b7%a5%e5%85%b7) **圖片清單** - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_01](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_01.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_01") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_02](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_02.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_02") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_07.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_04](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_04.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_04") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_05](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_05.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_05") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_06](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_06.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_06") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07_3](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_07_3.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07_3") - ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_08](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_08.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_08") --- 網頁讀取的速度會影響訪客進入的意願，假如一個頁面需要花10秒才能讀取完成，恐怕訪客在還沒看到內容前就離開了，因此優化網頁的讀取效能是一個好網站應該優先考量的問題。 [Page Speed](http://www.soft4fun.net/tag/page%20speed) 可以用來分析網頁的讀取效能，並以 Page Speed Score 分數顯示，分數越高表示讀取速度越快。此外，Page Speed 分析網頁後會提供高度、中度及低度優先的改善建議，裡面詳細的列出網頁需要改善的部份，例如延遲解析 JavaScript、改變圖片大小、使用瀏覽器快取、降低重新轉向次數、壓縮網頁…等等，讓你立刻知道要從哪個部份開始修改才能[優化網頁讀取效能](http://www.soft4fun.net/website-recommand/page-speed-optimization-webpage.htm)，不用毫無頭緒的盲目摸索。Page Speed 可以分析一般網頁和行動版網頁，對於網頁設計者來說是絕佳的[網頁效能分析工具](http://www.soft4fun.net/tag/網頁效能分析工具)。 > 網站名稱：Page Speed Online > 網站網址：[http://pagespeed.googlelabs.com/pagespeed/](http://pagespeed.googlelabs.com/pagespeed/) #### 如何用 Page Speed Online 分析網頁 **Step 1** 進入網頁後，在欄位上輸入想要分析的網址並按【分析效能】。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_01](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_01.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_01") **Step 2** 稍待一會就會顯示分析結果。左側欄位分從上到下分別顯示高度優先～低度優先（最低還有優先？挺怪的），影響效能最大的會被列在高度優先，點選裡面的建議項目可以看到更詳細的訊息。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_02](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_02.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_02") 摘要裡會顯示 Page Speed Score 分數，滿分為 100，越高分表示改善的幅度越小，反之則表示需要大幅改善。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_07.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07") 以硬是要學首頁為例，高度優先項目裡面有「提供大小經過調整的圖片」，點進去後 Page Speed 會告訴你調整後可以大幅減少網頁資料的大小，並且針對頁面提供一些改善的建議。 如果不知道 Page Speed 指的是哪一張圖片，網頁上會明確的顯示圖片網址，按下網址後會出現黃色底的泡泡對話方塊，按下裡面的連結就能開新頁面瀏覽圖片。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_04](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_04.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_04") 再以「延後剖析 JavaScript」來說，Page Speed 會建議將非必要的 JavaScript 讓瀏覽器延後執行，提高主要內容的顯示速度。像是訪客統計、側邊欄位外掛或是按鈕都是可以列為延後執行的對象。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_05](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_05.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_05") 由於建議的種類很多，其他的建議項目就留給各位自行去分析了，網頁裡面的說明都寫得很清楚，如果不懂的話可以詢問周遭朋友或上 搜尋引擎搜尋。 #### 如何分析行動版網頁的讀取效能 在 Page Speed 首頁的分析效能按鈕旁邊有一個小按鈕，按下之後可以選擇電腦版建議或是行動版建議。選擇「取得行動版建議」後再按【分析行動版效能】即可。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_06](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_06.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_06") 如果你已經用電腦版去分析的話也沒關係，在摘要下面的提示區塊中，按下「行動版報告」連結也可以切換成行動版的分析結果。 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07_3](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_07_3.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_07_3") #### 網站效能會影響搜尋引擎的權重 ![Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_08](http://pic.soft4fun.net/imgs/Page-SpeedGoogle-_126D8/page-speed_08.png "Page Speed ：加快網頁讀取速度的最佳工具，讓網站速度更快、流量更省 page-speed_08") 在 Google網站管理員工具中有一個「網站效能」選項，裡面會紀錄每天的網頁讀取效能，並顯示讀取速度的快慢。網頁效能會影響 Google 搜尋引擎對網站的權重，因此對 SEO 而言，優化網站讀取效能是必做的功課之一。