網站速度優化如何優化?與SEO有關係嗎?網頁速度測試工具推薦

網頁速度

網站速度對SEO有多重要?事實上,Google曾多次提醒網站速度會影響到網頁SEO成效,本文將分享網頁載入速度與SEO優化之間的重要關係,以及如何使用網頁速度測試工具幫你抓出網頁的問題,並提供一些網站速度優化的技巧。

網站速度是什麼?

網站速度也稱作網站效能,廣泛來說是指網站載入與回應的速度,對於使用者體驗非常重要,Google也為網站使用體驗訂出了三個核心指標,LCP,FID 與 CLS,這些指標能一定程度的影響網頁速度:

  • LCP(Largest Contentful Paint)最大內容繪製:指的是網頁中最主要的元素(如圖片、視訊或文字)在加載完畢後所需的時間,這是最直覺能看出網站載入速度的指標。
  • FID(First Input Delay)首次輸入延遲:指的是從使用者第一次嘗試與網頁互動,例如點擊或按下按鈕(不包含滑動頁面),到網頁開始回應所需要的時間;從2023年5月,Google宣布INP(Interaction to Next Paint)將逐步取代FID,INP是觀察使用者造訪網頁期間所有互動的延遲時間,來評估網頁的整體回應速度。
  • CLS(Cumulative Layout Shift)累計版面配置轉移:這項指標代表網頁元素在網頁加載或滾動過程中位置位移的程度,比如說網站上某些圖片載入較慢因此一開始不會出現,但圖片出現後又會讓其他元素跑到別的地方,使得常常點擊某個按鈕或連結時有誤案的情形,CLS的數字是越小越好。

為什麼網站速度對SEO很重要?

Google演算法只會越來越重視使用者體驗,可是說SEO就是建立在優化使用者體驗上,網站速度又是影響使用者體驗的一大因素,所以網頁載入速度跟SEO優化自然脫不了關係,具體來說網站速度又會從以下三個方面來影響SEO:

影響搜尋結果排名

Google 從2010年就將網頁載入速度列為影響排名的因素之一,2020年更是將網站載入速度列入網站使用體驗指標(core web vitals),也就是SEO重點優化項目,雖然Google排名機制還是將內容相關性、豐富度做為影響排名最主要的原因,但當有兩個類似內容的網頁時,想在搜尋結果中脫穎而出,網頁速度就變得十分關鍵。

影響 Google 爬取額度(Crawl Budget)

大家要知道,你的網頁想要被搜尋到一定要先被檢索(crawl),也就是被google爬蟲收入資料庫中,而網站速度快慢會直接的影響到 Google 爬取額度(crawl budget),crawl budget 是指 Google 爬蟲在爬取一個網站時所分配的時間和資源,代表爬蟲在一個網站只會停留特定的時長,所以如果你的網站速度越快,Google 爬蟲就能在相同的時間內可以爬取更多的網頁,從而加快整個網站被完整收入進Google的速度。

影響使用者體驗與轉換率

網站載入速度越慢,使用者等待的時間越長,就越容易失去耐心而跳出網站,網站的跳出率會讓Google判定此網站不符合使用者意圖,進而影響到網頁排名,根據 Google 的研究網站載入速度每增加 1 秒,網頁跳出率就會增加 10%!而轉換率就更不用說了,若網頁一直跑不出來,使用者越不可能去完成轉換行動,例如加入購物車、結帳、訂閱、註冊等,這將會大大的影響經營網站的最終目標。

網站速度測試工具推薦,新手也會用

了解網站速度的重要性後,接著就要來介紹3個SEO優化時最常用的網站速度測試工具,它們的共同特色是操作簡單、即使是新手也能快速上手,並讀懂報表中的數據。

PageSpeed Insight

pagespeed insight
pagespeed insight

 

 

PageSpeed Insight網站:https://pagespeed.web.dev/

PageSpeed Insight 是 Google 開發的網站速度測試工具,它能夠回報網頁在行動裝置和電腦上的使用者體驗資料,並提供改進建議。PageSpeed Insight 將每項網頁使用體驗指標都分成三個等級:

  • 良好(0-49分)
  • 需要改善(50-89分)
  • 不佳(90-100分)

三個等級分別會用不同顏色標示,一般來說只要最大元素轉譯時間(LCP)超過 4 秒就會被列為不佳,還會顯示 Lighthouse 出計算整體的網頁效能,並在最下方列出最佳化建議

pagespeed insight
pagespeed insight

 

Pingdom Tools

pingdom
pingdom

Pingdom Tools網站:https://tools.pingdom.com/

Pingdom 是一款老字號網站速度測試工具,它的功能相當陽春,但操作步驟相當簡單,產生的報表也簡潔好懂,是很適合新手第一個用來嘗試的工具;上圖就是由Pingdom產生的報表,上半部會顯示網站整體的效能分數、網頁大小,網站載入時間與整個網頁請求的數量,下半部就是它對你網站的改善建議,可以發現報表資訊與建議不如PageSpeed Insight來的全面,但是對於新手來說比較容易理解,可以很快掌握網站狀況。

pingdom
pingdom

不過比較可惜的是,pingdom並不會提供網頁圖片的相關優化建議,但我們還是可以透過它抓出來的圖片總檔案大小,來評估是否要去優化圖片。

網站速度優化如何執行?

抓出讓網站變慢的原因後,那具體要怎麼執行網站速度優化呢,我們可以從PageSpeed Insight提出的建議中,發現幾個重點優化網站速度的方向:

使用適合的圖片大小

圖片是網頁中占比較大的資源,也是拖慢網頁速度的最大兇手,所以一開始做網站速度優化可以透過壓縮圖片大小著手,Google官方建議是每張圖片大小不要超過 100kb,如果您是使用wordpress架設網站,請避免使用 Full Size 圖片。

使用next-gen 格式的圖片

next-gen圖片其實是所謂的新型圖片格式,也就是AVIF或WebP格式的圖片,它們比 JPEG 和 PNG 檔案更小而且有更好的壓縮品質,壓縮後不容易失真,可以讓網頁載入速度變快,目前有支援此兩種格式的瀏覽器越來越多,如果是有很多圖片要放的電商網站可以全面改用此種格式的圖片。

移除未使用的 CSS 與 JavaScript

CSS和JavaScript是讓網頁變得更美觀及互動性更高的程式碼,通常會寫成另外的程式檔案存在伺服器中,當網頁打開時接受請求才會被打開做使用,這會讓消耗網路流量並讓網頁速度變慢,所以可以請技術人員協助移除未用到的CSS 和 JavaScript 檔案,或延後載入不重要的 CSS 和 JavaScript,減少網站載入時間。

啟用文字壓縮/GZIP壓縮

網頁中的字體樣式通常會被寫在CSS檔案中,我們可以透過壓縮CSS文件來加快網頁速度,最常用的方法是Gzip 壓縮,它主要會將 HTML、CSS和 JavaScript 等網頁文件變小,通常能夠實現高達 70% 到 80% 的壓縮率,當使用者開啟網站時就伺服器就只要下載壓縮好的小檔案,可以大大提升載入時間;Wordpress 有不少可以協助啟用GZIP壓縮的外掛,或是請工程師在伺服器編輯程式碼來啟用。

 

玩構網路是專業網路行銷公司,我們提供全方位的網頁設計、SEO網站優化、關鍵字廣告等網路行銷服務,歡迎免費諮詢,我們將為您提供最優質的服務。

分享我們的文章:
瞭解更多SEO、網站優化、網路行銷知識
Close