【懶人包】五分鐘了解 2023 年 SEO 優化操作邏輯入門!-立即報名-

網站速度怎麼優化?免費測速工具、優化技巧懶人包

瀏覽數: 282 | 更新日期: 2024-05-03 21:49:10

網站速度怎麼優化

網站速度是影響SEO排名的重要指標,瞭解如何提升網站速度至關重要!使用GTmetrixGoogle PageSpeed Insights等免費工具,測量網站效能。而優化圖片大小、快取機制,以及CDN使用,是提速的有效方法。鯊客介紹3種免費網站速度測試工具,提升SEO排名從幫你的網站免費健檢開始吧!

網站速度慢有什麼缺點?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種免費測速工具


了解了網站速度對SEO排名的影響,下一步就是先確認自己的網站是否夠快!

鯊客整理了3種常見且免費的網站測速工具,快來看看怎麼幫自己的網站初步健檢吧!


Google官方工具: PageSpeed Insight

PageSpeed Insights (PSI) 是Google官方推出的網站測試工具,只要在首頁處輸入想測試的網址,就可以得到測試結果囉!

Pagespeed test

得到測驗結果後,第一步可以注意網站整體效能分數:

PST分數

效能分數分為紅、橘、綠三個等級:

  • 0 到 49 (紅色):不好
  • 50 到 89 (橘色):需要改善
  • 90 至 100 (綠色):良好

理想狀況中,網站效能一直保持在綠燈(90分以上)最好,如果發現網站效能測出來亮紅燈(50分以下),就要特別注意,開始尋找提升網站速度的方法。

第二步,可以關注LCP、INP、CLS 網站體驗核心指標(Core Web Vitals),更了下一步該怎麼進行網站速度優化。

PST細節參數

Largest Contentful Paint(LCP):畫面中最大物件出現的時間,例如:主要圖片或文字出現的時間。LCP越快,表示使用者在進到網站後,可以越快看到有用的資訊。

Interaction to Next Paint(INP):使用者和瀏覽器互動後到下一次網頁內容加載的時間。例如:使用者點擊某個按鈕以後,網站多久才會做出反應。INP越快,表示使用者在跟網站互動的時候比較不需要等待,可以減少使用者的跳出率。

Cumulative Layout Shift(CLS):網頁版面的穩定性,指的是在網頁加載過程中元素位置是否發生變化的程度。如果CLS越嚴重,表示使用者會打斷使用者閱讀或操作流程,降低使用者對網站的滿意度和舒適感。

除了PageSpeed Insights,Google search console其實也可以檢視以上三個數值!只要點選「網站使用體驗核心指標」欄位,就可以看到啦!

GSC

WebPage Test

WebPage Test 是一個免費的網站效能測試工具,可以測試網站速度、畫面穩定度等指標。

相比 PageSpeed Insight , WebPageTest 的網站有較多需要設定的參數,最簡易的方式是只考慮「地點」與「瀏覽器種類」這兩個參數。

WebPage Test 操作步驟教學

前往 WebPageTest 網站後, 選擇「Start a Site Performance Test 」,在測驗地區( Test Location ) 選擇台灣,瀏覽器選擇自己想了解的種類以後,點擊開始就可以啦!

WPT

WebPage Test 結果解讀

WPT

結果一樣可以看到 LCP、INP、CLS 等網站體驗核心指標(Core Web Vitals),就可以針對網站的弱項去優化。


GTmetrix

GTmetrix也是一個免費的測速工具,比較大的區別是需要註冊之後才能免費使用。一樣在首頁輸入網址後,就可以得到測試結果。

並且在結果頁最上面,也可以看到LCP、CLS等指標,並且GTmetrix也會直接給出網站的總分,如果總分太低,可以參考下方的詳細參數進行優化。

GTmetrix

怎麼提升網站速度?快取(Cache)要做好

想要提升網站速度,其實有很多小撇步,例如圖片壓縮、物件載入順序調整以及快取機制等等。其中「快取(Cache)機制」在網站速度中扮演了重要的角色。


快取(Cache)是什麼?

快取(Cache)是一種為了加快網站速度而設計的資料處理機制

簡單來說,就像是一個暫時的存放箱,可以幫助我們節省時間,不用每次都重新從網站伺服器重新下載資源,像是圖片、文字或影片等。就像把書放在書包裡,不用每次都跑回家拿一樣。

當使用者首次訪問一個網站,瀏覽器會把網頁上的內容(像是圖片、文字)存放在自己的快取中,下次再訪問同一個網站時,瀏覽器會先檢查自己的快取,如果有相同的內容,就直接從快取中拿出來顯示,而不用重新下載一遍。這樣就可以節省時間,網頁也會載入得更快。

也就是說,在網站中引進更優秀的快取技術,可以提升 LCP、INP、CLS 的分數


CDN快取

內容傳遞網路(Content Delivery Network,簡稱CDN),是快取機制的其中一個種類。CDN是一群分散在全球不同地方的伺服器,而網站的資料(像是圖片、影片、文字等等)會分別儲存在這些伺服器當中。

當你想進入一個網站時,CDN會找尋距離你最近的伺服器,從該伺服器上取得資源,而不是從原始網站伺服器上取得,這樣做可以節省時間,因為距離較近的伺服器傳送資料的速度較快。例如針對台灣的使用者,會優先選擇在台灣的伺服器,這樣會比從美國的伺服器傳輸資料來的快。

延伸閱讀:想開發國外市場?CDN快取服務-改善B2B多國語言網站速度!


鯊客科技:優於其他平台的網站速度

鯊客科技的網站架設服務,由最頂尖的工程師,為客戶設計多種機制來提升網站速度:優化圖片的載入速度與顯示方式、設置CDN快取、html壓縮等等,讓網站速度一躍千里。當網站速度變快,使用者的體驗更加流暢,也能提升SEO成效,讓網站排名進步!

(圖為鯊客科技用戶:瑞福生醫之網站跑分結果)

鯊客客戶網站跑分結果


網站速度優化常見問答



你可能也會喜歡
sharktech
sharktech

鯊客科技的代表人物,帶您深入了解鯊客的成功案例、最新消息、服務項目,您可以透過鯊客先生的分享獲得網路行銷及軟體技術的第一手資訊,減少與網站或廣告服務商的資訊落差。

鯊客SharkTech-自經營品牌服務

poshme 茶茶茶-ThreeTea
茶農、焙茶、茶藝,同時具備三種身分優勢,茶茶茶讓消費者能夠直接接觸台灣茶,瞭解台灣茶道,並將高級茶帶入日常。茶葉、山坡、以及植木,傳遞的是茶葉本質。Three tea融合成Threa,三茶一體。
mabao 媽寶補給站-Mabao
在資訊爆炸的時代,過多的孕期育兒資訊反而是無用的雜訊,本站希望將親切、白話、實用的媽媽及寶寶的照顧資訊,補給予社會大眾,在獲得充足的知識養份後,進而做最適合的決定。有用的媽媽寶寶資訊,轉變為己身的知識,做出適合的決定,來媽寶補給站就對了。
beshe BeShe一個專為女性著想的網站
一個專為女性著想的字媒體網站,分享女性愛美相關知識。
poshme POSHME美甲、美睫沙龍POS系統
免安裝、免下載的網頁收銀POS系統。可以幫助小工作室也可以擁有專業的客戶管理、記帳報表、業積報表等功能,成為你的開店小幫手。
ezbow EZbow
EZbow由一群金融與科技業專業人才組成, 分享並傳遞專業的知識,打造Fintech人才交流及學習平台, 提供最新以及熱門的金融科技議題、產業趨勢、關鍵技術講座等, 滿足求職志願者研習、社會新鮮人進修、中高階主管鑽研的各種需求。 跟著EZBow一起搭上Fintech的趨勢列車!