網頁速度測試工具推薦 網站速度優化教學 - Welly SEO

只要速度快就無敵？什麼是Crawl Budget？哪些工具可進行Web Page Speed Test或檢測Speed Index？如何透過PageSpeed Insights 改善？網站速度優化相關內容 ... 服務方案成功案例行銷知識SEO優化數位行銷關於我們聯絡我們Openmainmenu首頁SEO優化網站速度QA：網頁速度測試工具推薦│網站速度優化教學網站速度QA：網頁速度測試工具推薦│網站速度優化教學WellySEO編輯部2022-03-28更新2022-02-07發佈SEO優化#SEO優化#SEO排名#SEO做法網站速度對SEO排名影響多深？只要速度快就無敵？什麼是CrawlBudget？哪些工具可進行WebPageSpeedTest或檢測SpeedIndex？如何透過PageSpeedInsights改善？網站速度優化相關內容這篇通通有解！快速跳轉目錄網站速度是什麼？網站速度優化重要嗎？Google怎麼看？(一)網頁開啟速度會影響SEO排名？原來Google早就證實了！(二)關於Google爬蟲的工作值：爬取額度CrawlBudget(三)網頁開啟速度快就是一切？不！它只是其中一項指標！Howtotestpagespeed？3種WebPageSpeedTest工具輕鬆上手！(一)使用線上WebSpeedTest可以檢測什麼問題？(二)有哪些網路速度測試工具可使用？推薦選哪一種比較好？(三)挑選網站速度測試工具：符合需求最重要！如何優化網站速度？以網站使用者體驗為首要任務！(一)網站速度核心指標：LCP、FID、CLS(二)運用5大網站速度優化步驟找回你的競爭力！(三)進行網站速度優化時容易產生的迷思網站速度是什麼？網站速度優化重要嗎？Google怎麼看？網站速度英文為WebsiteSpeed，指的是使用者進入網站後能順利瀏覽、點擊網頁、甚至與內容互動的時間指標。

研究如何提升SEO排名的人一定都知道，維持良好的網站速度幾乎是不可少的關鍵，但這說法來源可考嗎？其背後的邏輯概念又是什麼？讓我們聽聽Google怎麼說！同時也分別從「人」與「搜尋引擎」這2個面向來解釋網站速度的重要性。

（延伸閱讀：SEO是什麼？SEO優化怎做？SEO搜尋引擎最佳化完整教學）(一)網頁開啟速度會影響SEO排名？原來Google早就證實了！網站速度會影響SEO的消息並不是空穴來風，往回追溯到2010年，Google內部人員就已經明確對外宣稱他們將網站速度與效能加入了排名算法，原因無他，正是考量到網站使用者體驗[1]！ Google相信，網站速度會影響使用者諸多行為，而Section也根據這些影響進行了數據統計[8]： 影響使用者的瀏覽頁數：使用者在2秒的網頁加載時間，平均瀏覽了8.9個頁面；在7秒的網頁則平均只瀏覽了3.7個頁面。

影響使用者的跳出率：Section的數據顯示，2秒的平均網頁加載時間僅有9.61%的跳出率；3秒則達到13.0%， 影響業主的營運成本：根據估計，網站每延遲100毫秒就可能造成高達1%的損失，電商網站AdoreBeauty經實測也得出「更快的網頁可增加16.5%的轉化率」成果。

除了做為「人」的使用者體驗會優化之外，其實在Google運作上也有諸多好處！(二)關於Google爬蟲的工作值：爬取額度CrawlBudget不論是上架新網站往新網頁，要開始競爭SEO排名前，都必須先經過Google搜尋引擎「檢索連結、網頁」並「將內容建立索引」，通常我們將負責爬取的機器人稱為「網路爬蟲或網路蜘蛛」。

爬蟲每天都有成千上萬的資料需要檢索，為了維護效率與公平性，Google會限制爬蟲在同一個網站爬取的時間，這個限制區間就是所謂的「爬取額度（CrawlBudget）」。

你可能好奇，既然早晚都是要爬完那些網頁的，那為什麼不讓爬蟲一次完成？ 試想，今天有一個超級大電商或媒體網站，一口氣新增了各種不同類型的大量內容並上架，如果要一次爬完，那不僅爬蟲跟主機都會不堪負荷，連帶也會壓縮到其他網站被爬取的機會，假如這個網站還不斷上架新內容，那主機豈不是要爆了？ 為了避免這種狀況衍伸出系統過勞及分配不公的現象，Google決定設定爬取額度，以確保整體系統的運作能順利進行。

★正因為有爬取額度的限制，因此網站速度便會直接影響爬蟲爬取的快慢！ 我們隨意假設爬蟲一次會在網站停留30秒，頁面1秒就能載入的網站，對比要花10秒鐘才能載入的網站，誰更具優勢也就不必明說了！ 不過大網站或速度慢的業主也不用擔心自己的網頁就這麼被放生，爬蟲有自己巡視的一套循環，只要網站架構沒有問題，基本上反覆造訪後都可以把網頁檢索完成，只是時間上會比較晚一點而已。

但如果你的網頁有SEO排名需求，想要加快被爬取的速度，進而能早早被建立索引的話，可以優先考慮這2點： 提升網站速度，增加爬取的效益 1次不要新增太大量的內容，讓Google在時間內也爬得完 (三)網頁開啟速度快就是一切？不！它只是其中一項指標！關於這點，Google也給出了提醒，在同一篇聲明的尾端有提到： 雖然網站速度成為了排名其中1項依據，但它的重要性不如頁面的「相關性」[1]！ 簡單來說，就算網站速度快到可以用0.01秒就載入頁面，但如果內容與使用者需求毫無相關，對SEO排名仍是毫無用處的！ 找出適合網站的核心關鍵字與長尾關鍵字，分析完使用者需求後並產出相關內容，這些是基本但重要性最高的部分，有了好的內容，網站速度才會是有效果的加分項。

（想了解關鍵字如何查找，可參考：鍵字行銷大補帖：概念/操作/排名優化完整教學！(附年度關鍵字排行榜)） 至於要如何檢視網站速度，可以善用市面上許多的網頁測試工具！Howtotestpagespeed？3種WebPageSpeedTest工具輕鬆上手！雖然網站速度的快慢會影響使用者的行為反應，但實際上及不及格可不是使用者說了算，更不是用業主個人體感來判斷！想知道這項指標的數值，你需要專業的（至少是專門為此設計的）網頁測試工具協助。

(一)使用線上WebSpeedTest可以檢測什麼問題？大部分的檢測工具在進行WebspeedTest時，可以幫忙從不同切入點分析是否合格，例如： 網站內容哪些圖片沒壓縮導致檔案過大 網站HTML、Javascript、CSS等程式檔案大小有沒有影響效能 程式碼有沒有壓縮到最小的程度 使用的中文雲端字體是不是檔案太大 是不是為了追蹤網站行為而載入了過多的外掛系統 確認內容傳遞網路（Contentdeliverynetwork）能否正確執行並傳遞資料 網站整體的載入時間加總多少 分析包含很多頁面資訊的頁首 有沒有JavaScript或CSS禁止轉譯（Render-blocking）的問題 在各個區域檢查網站的效能，以及各種瀏覽器的渲染速度 假如這些點都在及格範圍，或者都有排除問題的話，基本上你的網站速度檢測成果應該是很良好的。

(二)有哪些網路速度測試工具可使用？推薦選哪一種比較好？因為越來越多人投入SEO，連帶重視網站速度的人數也提升，相對應的線上測試工具自然是琳瑯滿目，信手拈來就將近20個，不過我們真的需要這麼多種工具嗎？不同工具測出來的數值多少都有落差，那應該要相信誰？ 如果你還沒有用順手的工具，也還不清楚什麼比較適合自己，建議你參考Google的建議，用PageSpeed、YSlow或WebPagetest就好囉！ 1.PageSpeedInsights（舊名PageSpeedTools） PageSpeedInsights會依照Chrome報告中蒐集了28天的真實使用者體驗數據進行分析，將網站質量依照1-100分區別為「良好、需改進、較差」這3個等級。

良好-90分以上：使用綠色圓圈表示 需要改進-50到90分：使用琥珀色方塊表示 較差-低於50分：使用紅色警告三角形表示 其中包含不同指標的性能，例如：FirstContentfulPaint、LargestContentfulPaint、SpeedIndex、CumulativeLayoutShift、TimetoInteractive和TotalBlockingTime等。

2.YSlow 這項來自Yahoo的工具可以分析至少23種網站指標，業主可以根據結果與修改建議進行調整，簡單總結，YSlow有這5種特色： 能根據實際使用者的數據對網頁進行評分 能提供改進頁面性能的建議 能總結並簡述頁面的組成 顯示有與頁面有關的統計數據 提供性能分析工具，包括Smush.it™和JSLint。

3.WebPagetest 同樣以能創造使用者更高質感體驗為核心的WebPagetest，在打造WebSpeedTest工具時涵蓋了下列3項特色： 測試網站在全球的用戶、現代設備和最新瀏覽器版本的真實體驗 用影片的方式記錄用戶的視覺體驗與站點的技術測量，幫助業主更直觀看到頁面加載的方式 使用DNS、TCP、TLS等深度指標剖析網頁 (三)挑選網站速度測試工具：符合需求最重要！在Google官方內部人員對談的其中一支影片中，JohnMueller、MartinSplitt大意提到[2]： 所有工具的指標都是一種參考值，畢竟影響各個指標的因素有很多種，無法輕易單用一個數字代表一切，所以使用什麼工具其實都沒關係，只要符合你的需求就好，最重要的是提升使用者造訪網站的體驗，而不是一味追求數字。

如何優化網站速度？以網站使用者體驗為首要任務！根據GoogleSearchConsole的數據統整，網站速度對使用者的跳出率有明確的比例可循[3]： 如果網頁載入時間從1秒增加到3秒，跳出率就會增加32% 如果網頁載入時間從1秒增加到6秒，跳出率就會增加106% Google本身對網站速度的快慢定義也有梳理出實際的時間區段[4]： 快：0～2.5秒 普通：2.5～4秒 慢：4秒以上 這時你已經可以透過工具測出自家網站的狀態了，但拿到報告後要看懂這些數據背後所代表的意義，必須要先了解指標的涵義，下段就為各位介紹幾項重要的檢測指標。

(一)網站速度核心指標：LCP、FID、CLSGoogle相當重視使用者的體驗，對此也不斷祭出新的調整，在2021年最新演算法中，Google宣布將LCP、FID、CLS等網站速度核心指標（CoreWebVitals）列入SEO搜尋排名成效的一部分，接者就帶你來看這些指標分別代表什麼！ ★LCP（LargestContentfulPaint）：最大內容繪製 LCP是以使用者為中心去測量感知加載速度的重要指標！ 當你打開頁面時，網站載入那些首先映入你眼簾的形象文字、LOGO、圖片或影片等元素的時間就是LCP，該項指標會在頁面的主要基本內容加載完畢後進行標註[5]。

通常網站的加載速度壓在2.5秒以內，才會得到較為良好的LCP分數；2.6～4秒以下則為需要改善，4秒以上就會得到速度低落的結果了[3]。

★FID（FirstInputDelay）：首次輸入延遲時間 FID是以使用者為中心去測量加載響應度的指標[6]。

當使用者第一次與網頁內的元素互動，例如點擊連結、按鈕、圖片、影片、視窗時，網頁給出回應的時間點就是FID的測量指標。

通常速度在100毫秒以下是表現良好，101～300毫秒可能會需要改善，一旦超過300毫秒，甚至更久，慢到使用者以為這網站壞掉，那就代表速度太過低落。

[3] ★CLS（CumulativeLayoutShift）：累計版面配置轉移 CLS是以使用者為中心去測量視覺穩定性的指標[7]。

當網頁第一時間呈現給使用者的文字、圖片、影片或連結、按鈕等元素，與實際加載完成的時間有落差，可能就會出現「跑版、位移」的狀況，這個落差就是CLS偵測的項目。

通常偵測到0代表沒有任何位移情形；如果出現正數，在0.1以下都算良好，0.1～0.25會需要改善，0.25以上就建議趕緊修正吧[3]！ 從上述這3項指標都不難看出，使用者體驗真的是優化網站速度最重要的關鍵，所以若確定需要進行優化，一定要把這點放在心上。

(二)運用5大網站速度優化步驟找回你的競爭力！ 1.檢測網站速度、產出調查報告 使用順手或符合所需的網站速度檢測工具，輸入想分析的網站產出調查報告。

2.分析數據、找出問題點 了解指標的代表內容後，針對報告上的數據找出是否有需要改善的地方。

3.與相關人員討論如何解決 針對問題點找該項目的負責人，例如工程師或網站／圖片設計師、影音剪輯師等，協調出可以改進的方法，例如圖片、影片製作完需事先壓縮至多少大小、程式碼及技術如何調整等。

4.定案後進行調整 確認修改方式及內容後就選定時辰更新上去，盡量全面改善、優化到位。

5.持續檢測及追蹤網站狀況 調整完後可再進行網站速度檢測，若還有問題就持續調整，若一切安好只要定期追蹤，避免再度出現相關情形即可。

(三)進行網站速度優化時容易產生的迷思 有個重點大家必須要明白，網站乘載越多東西，就越可能導致速度便慢；反之，想提升網站速度，需要割捨的項目也就越多！ 但每個網站的性質與呈現都不同，如果為了追求最完美的數字，捨棄掉網站的靈魂與實用性，這無疑會讓自己陷入更深的僵局。

所以回到GOOGLE告誡大家的那句老話：不要一味追求最完美的數字，只要能讓使用者操作順暢，得到最大的滿足，業主是可以適當的在檢測數據及網站功能性中取得平衡的！ 以上是網站速度的相關資訊，如果你有其他指標上的疑問，或者不確定自己的報告該怎麼解讀，甚至希望專人為你分析，都歡迎點擊下方立即諮詢按鈕，Welly團隊會有專員為您服務！ 參考資料 [1]GoogleSearchConsole：Usingsitespeedinwebsearchranking [2]YoutubeGoogleSearchCentral：SiteSpeed:WhatSEOsNeedtoKnow [3]GoogleSearchConsole：網站使用體驗核心指標報告 [4]ThinkWithGoogle：網站速度常見問題 [5]web.dev：LargestContentfulPaint最大內容繪製(LCP) [6]web.dev：FirstInputDelay首次輸入延遲(FID) [7]web.dev：CumulativeLayoutShift累積布局偏移(CLS) [8]Section：HowPageLoadTimeAffectsBounceRateandPageViews最值得擁有的專業行銷團隊！現在就與Welly一起透過SEO優化提升業績吧！立即諮詢熱門文章SEO優化2022-03-222022SEO公司推薦！SEO排名價格、7大簽約重點解析SEO公司提供什麼服務？SEO公司推薦怎麼選？跟我們一起快速了解SEO優化關鍵、SEO排名價格、SEO報價行情與台灣SEO公司收費標準，並教你如何判斷好SEO公司，幫助你選擇合拍的事業夥伴！繼續閱讀SEO優化2022-03-21內容行銷是什麼？4大經典內容行銷案例看內容行銷定義內容行銷（內容行銷英文ContentMarketing）是什麼？跟傳統廣告差在哪？內容行銷怎麼做？能帶來多少好處？本文帶你從概念、管道、方法看內容行銷策略，同時分享4大成功的內容行銷案例。

繼續閱讀SEO優化2022-03-21SEO是什麼？SEO優化怎做？SEO搜尋引擎最佳化完整教學SEO是什麼？為什麼GoogleSEO很重要？SEO優化怎麼做？良好的網站排名效果能帶來多少好處？讓SEO行銷專家從概念、定義到優化SEO，教你如何擁有自然排名！繼續閱讀SEO優化2022-03-14跳出率、離開率區分！電商跳出率高？教你10招SEO優化！跳出率（英文：Bouncerate）是網站分析的重要指標之一，但跳出率多少正常？跳出率高怎麼設法降低？本篇將介紹跳出率定義，解釋跳出率、離開率差異，並教你思考跳出率含義及10個優化跳出率方法！繼續閱讀SEO優化2022-03-07【關鍵字排名優化秘訣】用關鍵字行銷衝SEO關鍵字排名關鍵字行銷對SEO有多重要？關鍵字排名優化只能挑搜尋量高的字？廣告Google關鍵字費用怎麼算？如何操作？文中通通有解！另附Google年度關鍵字排行榜，快一起來瞧瞧！繼續閱讀SEO優化2022-03-04GoogleSearchConsole教學，掌握4點快速安裝與使用！GoogleSearchConsole是什麼？GoogleSearchConsole是SEO人必不可少的工具，網站剛起步、想獲取高排名的你，千萬別錯過這篇GoogleSearchConsole教學！本篇包含基礎GoogleSearchConsole驗證、功能簡介和進階GoogleSearchConsole關鍵字挖掘法。

繼續閱讀SEO優化2022-02-14長尾關鍵字是什麼？定義、教學步驟、免費SEO工具統整！長尾關鍵字可不是字數長的關鍵字，而是低搜尋量、數量龐大的關鍵字組，具有高流量與轉換潛力！如何找長尾關鍵字？別錯過這篇長尾關鍵字定義、例子、長尾關鍵字工具和查找方法！繼續閱讀SEO優化2022-02-14工作階段是什麼？GA定義、計算和修改設定3分鐘上手！工作階段意思是什麼？為什麼網站流量看工作階段，不是看使用者、網頁瀏覽量？本篇文章從工作階段定義、工作階段逾時計算規則，到調整工作設定逾時教學，一篇通通告訴你！繼續閱讀編輯精選數位行銷2022-04-25GA分析是什麼？2022最好懂的GoogleAnalytics教學！GA分析是什麼？GoogleAnalytics怎麼用？Google分析好困難，想找GA教學卻苦無門路？別擔心，從GA追蹤碼設定到GA報表怎麼看，不可錯過的GoogleAnalytics教學就在這裡！繼續閱讀SEO優化2022-04-18SEO工具怎麼選？30種SEO分析工具詳盡介紹！SEO工具有哪些？SEO排名軟體怎麼選？本文為你帶來最完整的SEO優化工具介紹，關鍵字規劃工具、排名工具、反向連結工具一把抓，從此做SEO再也不困難！繼續閱讀數位行銷2022-04-12UTM是什麼？UTM怎追蹤？3分鐘快速看懂GA流量UTM是什麼？為什麼要埋設UTM？有沒有好用的UTM產生器？利用GA與UTM參數進行流量分析能獲得什麼好處？所有概念、設定、追蹤等UTM教學本篇通通有！繼續閱讀SEO優化2022-03-222022SEO公司推薦！SEO排名價格、7大簽約重點解析SEO公司提供什麼服務？SEO公司推薦怎麼選？跟我們一起快速了解SEO優化關鍵、SEO排名價格、SEO報價行情與台灣SEO公司收費標準，並教你如何判斷好SEO公司，幫助你選擇合拍的事業夥伴！繼續閱讀SEO優化2022-03-21內容行銷是什麼？4大經典內容行銷案例看內容行銷定義內容行銷（內容行銷英文ContentMarketing）是什麼？跟傳統廣告差在哪？內容行銷怎麼做？能帶來多少好處？本文帶你從概念、管道、方法看內容行銷策略，同時分享4大成功的內容行銷案例。

繼續閱讀SEO優化2022-03-21SEO是什麼？SEO優化怎做？SEO搜尋引擎最佳化完整教學SEO是什麼？為什麼GoogleSEO很重要？SEO優化怎麼做？良好的網站排名效果能帶來多少好處？讓SEO行銷專家從概念、定義到優化SEO，教你如何擁有自然排名！繼續閱讀最新文章數位行銷2022-04-25GA分析是什麼？2022最好懂的GoogleAnalytics教學！GA分析是什麼？GoogleAnalytics怎麼用？Google分析好困難，想找GA教學卻苦無門路？別擔心，從GA追蹤碼設定到GA報表怎麼看，不可錯過的GoogleAnalytics教學就在這裡！繼續閱讀SEO優化2022-04-25ScreamingFrog是什麼？5分鐘教學，SEO檢測快速上手！ScreamingFrog是什麼？ScreamingFrog教學步驟為何？ScreamingFrog費用多少？想知道你的網站還有多少優化空間，快看這篇了解ScreamingFrogSEOSpider！繼續閱讀數位行銷2022-04-20【數位廣告指標（下）】廣告效益如何評估？電商新手必懂的9個指標！投放廣告後，除了知道廣告被多少人看到之外，進一步想要觀察轉換成效，該怎麼評估呢？要怎麼跟老闆證明廣告帶來的效益？電商新手別害怕！讓Welly的合作夥伴—Gooddeal智信，來為你介紹「常見的9個數位廣告指標」！繼續閱讀數位行銷2022-04-20【數位廣告指標（上）】CPC、CPM是什麼？廣告投放新手必學的9個指標！投放廣告後，除了知道廣告被多少人看到之外，進一步想要觀察轉換成效，該怎麼評估呢？要怎麼跟老闆證明廣告帶來的效益？電商新手別害怕！讓Welly的合作夥伴—Gooddeal智信，來為你介紹「常見的9個數位廣告指標」！繼續閱讀SEO優化2022-04-18SEO工具怎麼選？30種SEO分析工具詳盡介紹！SEO工具有哪些？SEO排名軟體怎麼選？本文為你帶來最完整的SEO優化工具介紹，關鍵字規劃工具、排名工具、反向連結工具一把抓，從此做SEO再也不困難！繼續閱讀SEO優化2022-04-15反向連結是什麼？5大概念提升SEO反向連結建立技巧！反向連結Backlink是什麼？對SEO有多重要？網站nofollow有什麼影響？反向連結購買為什麼會觸犯企鵝演算法？本文從概念、AnchorText錨點文字、反向連結查詢工具出發，提供詳盡地反向連結分析！繼續閱讀聯絡我們聯絡我們