利用網站分析評分工具,獲取更高的SEO分數(內含詳細介紹)

7netic 設計 SEO

由於 Google 新版的 Core web vitals 評分標準愈來愈被重視,市場上推出了不少新的檢測網站分析評分工具,數據來源理論上應該都是來自 Google 的 API再加上各家的評分標準 (有些是 happy 分數)。檢測網站會以 1-100 分來評比網站,分數越高代表網站最佳化效果越好,通常在 85 分以上就表示網站表現良好。若檢測出分數低於49分,強烈建議依照各檢測網站的建議進行優化。分數會因為潛在條件發生波動 (例如: A/B 測試或正在投放的廣告的變化、在不同性能的設備上進行測試、網路流量變化、增加 JavaScript 檔案、防毒軟體 等)。

接下來介紹兩種主要的頁面速度評分工具:

1. Google PageSpeed Insights

PageSpeed-Insights-0

PageSpeed Insights 提供行動版及電腦版的分析分數報告,分析網頁內容然後提出建議,協助提升網頁速度。可以依照建議來改善您的網站成效,例如最佳化網站圖片大小與壓縮 CSS 檔案大小。不過檢測的分數相較其他檢測網站工具是偏低的。

在每一個項目的下方還會說明建議改善的方向 ,以下整理出幾點重要的改善方法:
  • 圖片儲存成 JPEG 2000、JPEG XR 和 WebP 等圖像格式通常會比 PNG 或 JPEG 有更好的壓縮。
  • 有效率的圖片編碼:使用img-portfolio-1、img-portfolio-2、….。
  • Lighthouse 收集頁面上所有的 JPEG 或 BMP 圖像,將每個圖像的壓縮級別設置為 85,然後將原始版本與壓縮版本進行比較。如果潛在節省為 4KiB 或更大,Lighthouse 會將圖像標記為可優化。可使用圖片壓縮工具 ImageOptim 來壓縮圖像。
  • 減少未使用的 CSS 與 JavaScript,並壓縮之。
  • 網頁的資源過多,因此妨礙了首次顯示畫面的時間。建議先載入重要的內嵌 JavaScript/CSS,並延後載入不重要的 JavaScript/CSS。
  • 避免進行多次頁面重新導向:

    重新導向會導致頁面延遲載入。

  • 啟用文字壓縮:

    提供的文字資源應經過 (gzip、deflate 或 brotli) 壓縮,將網路傳輸的資料量降至最低。

  • 避免使用 document.write( ):

    對於連線速度較慢的使用者,透過 document.write() 動態置入的外部指令碼可能會導致網頁延遲數十秒載入。

PageSpeed-Insights-1

2.Cloudways 官方免費檢測網站體質工具 Free Google Page Experience Checker

Cloudways 檢測工具目前還是Beta版本,直接輸入網址會跑進度條,稍微等它跑一下就會出現分數了 (Cloudways 檢測的分數是Happy Score)

在分數下方還會說明改善的方向 Opportunities,列出的建議項目其實跟 Google PageSpeed大同小異,比較特別的是,Cloudways 檢測工具將「非侵入式插頁式廣告」獨立於一大區檢測,由此可知,蓋版廣告的天下即將式微 (不能讓使用者不開心 XD)

以下列出相較 Google PageSpeed 其他重要的加速方法:

網站優化 ( Optimizations ) 建議

  • 使用 HTTP 快取:HTTP 緩存可以加快重複訪問時的頁面加載時間。

使用方法: 在服務器配置中增加標準 Cache-Control 指令的 HTTP 回應 Header:

Cache-Control: max-age=31536000

該max-age指令告訴瀏覽器它應該以秒為單位緩存資源多長時間。本例子持續時間設置為31536000,對應於 1 年:60 秒 × 60 分鐘 × 24 小時 × 365 天 = 31536000 秒。

如果可能,將不可變的靜態資產緩存很長時間,例如一年或更長時間。

  • 避免過大的DOM大小

總結

以上列出了兩種建議使用的網站速度測試工具。

記得 定期測試您的網站、持續改善網站效能並盡可能獲得好的評分

一旦你知道網站的瓶頸在那,就可以開始解決這些問題。上面列出的所有工具幾乎都有建議功能。以下列出一些常見的修復項目,提供您快速檢核網站:

  • 壓縮圖片、文字和檔案。
  • 避免進行多次頁面重新導向。
  • 最佳化程式碼。
  • 先載入重要的內嵌 JavaScript/CSS。
  • 使用快取。
  • 挑選一個快速的虛擬主機。
覺得還不夠嗎?
相關文章可以再看這裡:
如何獲得好分數 SEO: 7 個取得『網站速度優化工具』漂亮分數的秘訣