網站速度怎麼優化?免費測速工具、優化技巧懶人包
網站速度是影響SEO排名的重要指標,瞭解如何提升網站速度至關重要!使用GTmetrix、Google PageSpeed Insights等免費工具,測量網站效能。而優化圖片大小、快取機制,以及CDN使用,是提速的有效方法。鯊客介紹3種免費網站速度測試工具,提升SEO排名從幫你的網站免費健檢開始吧!
網站速度慢有什麼缺點?SEO排名會往下掉!
想讓自己的網站在 Google
搜尋結果排名到前三名,除了文章本身要寫的好,其實還有很多可能的因素。
網站速度就是其中之一,如果網站速度慢,很有可能造成網站在Google搜尋結果的排名下跌,破壞SEO成效。
而網站速度慢之所以會影響SEO效果,主要有兩個原因:降低使用者體驗、影響Google爬蟲爬取額度(Crawl Budget)
影響使用者體驗
科技業龍頭微軟公司(Microsoft
Corporation)在2015年發表的研究,顯示現代人的在網路上的注意力僅剩8.25秒,較10年前減少了近4秒鐘。
如果消費者點開網站,但卻發現要跑超久才能正常顯示,通常這時候他們就會選擇直接關掉,去找下一個更快的網站了。
因此網站速度太慢,會大幅影響使用者體驗,降低使用者停留在網站的時間,讓 Google 的評分系統認為此網站品質並不好,在搜尋結果排名的時候,就會把網站排名往後調。
影響Google爬蟲檢索預算(Crawl Budget)
Google爬蟲的檢索預算(Crawl
Budget)是什麼呢?又為什麼會影響到網站的SEO排名?
簡單來說,Google會派出爬蟲程式,去觀察每一個網站,並且把Google認為有效、有價值的網頁登錄到資料庫裡。一個網站中的頁面被登錄的越多、越詳細,更有可能可以提升SEO排名。
但因為爬蟲程式的量能有限因此針對每個網站,會有檢索預算(Crawl
Budget)的限制,意思是爬蟲程式會分給每個網站不同的觀察精力。
這個時候如果網站跑太慢,爬蟲程式會覺得你的網站不太健康,因此分配給你比較少的檢索時間。並且因為網站跑太慢,在同樣的時間內,爬蟲程式能夠登錄進資料庫的頁面會變比較少,進而減少用戶搜尋到該頁面的機率。
怎麼測試網站速度?3種免費測速工具
Google官方工具: PageSpeed Insight
PageSpeed Insights (PSI) 是Google官方推出的網站測試工具,只要在首頁處輸入想測試的網址,就可以得到測試結果囉!得到測驗結果後,第一步可以注意網站整體效能分數:
效能分數分為紅、橘、綠三個等級:
- 0 到 49 (紅色):不好
- 50 到 89 (橘色):需要改善
- 90 至 100 (綠色):良好
Largest Contentful Paint(LCP):畫面中最大物件出現的時間,例如:主要圖片或文字出現的時間。LCP越快,表示使用者在進到網站後,可以越快看到有用的資訊。 Interaction to Next Paint(INP):使用者和瀏覽器互動後到下一次網頁內容加載的時間。例如:使用者點擊某個按鈕以後,網站多久才會做出反應。INP越快,表示使用者在跟網站互動的時候比較不需要等待,可以減少使用者的跳出率。 Cumulative Layout Shift(CLS):網頁版面的穩定性,指的是在網頁加載過程中元素位置是否發生變化的程度。如果CLS越嚴重,表示使用者會打斷使用者閱讀或操作流程,降低使用者對網站的滿意度和舒適感。 除了PageSpeed Insights,Google search console其實也可以檢視以上三個數值!只要點選「網站使用體驗核心指標」欄位,就可以看到啦!
WebPage Test
WebPage Test 是一個免費的網站效能測試工具,可以測試網站速度、畫面穩定度等指標。 相比 PageSpeed Insight , WebPageTest 的網站有較多需要設定的參數,最簡易的方式是只考慮「地點」與「瀏覽器種類」這兩個參數。 WebPage Test 操作步驟教學 前往 WebPageTest 網站後, 選擇「Start a Site Performance Test 」,在測驗地區( Test Location ) 選擇台灣,瀏覽器選擇自己想了解的種類以後,點擊開始就可以啦!WebPage Test 結果解讀
結果一樣可以看到 LCP、INP、CLS 等網站體驗核心指標(Core Web Vitals),就可以針對網站的弱項去優化。
GTmetrix
GTmetrix也是一個免費的測速工具,比較大的區別是需要註冊之後才能免費使用。一樣在首頁輸入網址後,就可以得到測試結果。 並且在結果頁最上面,也可以看到LCP、CLS等指標,並且GTmetrix也會直接給出網站的總分,如果總分太低,可以參考下方的詳細參數進行優化。
怎麼提升網站速度?快取(Cache)要做好
想要提升網站速度,其實有很多小撇步,例如圖片壓縮、物件載入順序調整以及快取機制等等。其中「快取(Cache)機制」在網站速度中扮演了重要的角色。
快取(Cache)是什麼?
快取(Cache)是一種為了加快網站速度而設計的資料處理機制。
簡單來說,就像是一個暫時的存放箱,可以幫助我們節省時間,不用每次都重新從網站伺服器重新下載資源,像是圖片、文字或影片等。就像把書放在書包裡,不用每次都跑回家拿一樣。
當使用者首次訪問一個網站,瀏覽器會把網頁上的內容(像是圖片、文字)存放在自己的快取中,下次再訪問同一個網站時,瀏覽器會先檢查自己的快取,如果有相同的內容,就直接從快取中拿出來顯示,而不用重新下載一遍。這樣就可以節省時間,網頁也會載入得更快。
也就是說,在網站中引進更優秀的快取技術,可以提升 LCP、INP、CLS 的分數。
CDN快取
內容傳遞網路(Content Delivery Network,簡稱CDN),是快取機制的其中一個種類。CDN是一群分散在全球不同地方的伺服器,而網站的資料(像是圖片、影片、文字等等)會分別儲存在這些伺服器當中。
當你想進入一個網站時,CDN會找尋距離你最近的伺服器,從該伺服器上取得資源,而不是從原始網站伺服器上取得,這樣做可以節省時間,因為距離較近的伺服器傳送資料的速度較快。例如針對台灣的使用者,會優先選擇在台灣的伺服器,這樣會比從美國的伺服器傳輸資料來的快。
延伸閱讀:想開發國外市場?CDN快取服務-改善B2B多國語言網站速度!
鯊客科技:優於其他平台的網站速度
鯊客科技的網站架設服務,由最頂尖的工程師,為客戶設計多種機制來提升網站速度:優化圖片的載入速度與顯示方式、設置CDN快取、html壓縮等等,讓網站速度一躍千里。當網站速度變快,使用者的體驗更加流暢,也能提升SEO成效,讓網站排名進步!
(圖為鯊客科技用戶:瑞福生醫之網站跑分結果)
網站速度優化常見問答