介紹我們的頁面速度分析儀表板

在過去的幾年裡，我們已經看到搜索引擎對作為網站質量指標的頁面速度越來越感興趣。 今年早些時候，谷歌推出了 Core Web Vitals 更新。 這在他們的排名算法中增加了更多的頁面速度和體驗信息。

很明顯，頁面速度將成為未來幾年監控的重要指標。 對我們來說，這意味著能夠查看您網站的每個部分每週與競爭對手相比的表現。 為此，我們開發了 PageSpeed 控制台。 在這篇文章中，我們將展示我們的客戶如何使用它來深入了解他們網站的頁面速度體驗。

為什麼評估頁面速度很重要？

在這一點上，每個數字營銷人員都知道頁面速度對於 SEO 和用戶體驗的重要性。

頁面速度對用戶體驗有重大影響。 用戶等待頁面加載的時間越長，他們就越有可能在轉換之前離開。 Unbounce 調查的近 70% 的人表示，頁面速度會影響他們購買的可能性。

谷歌和德勤自己對頁面速度的研究發現，加載時間每提高 0.1 秒，轉化率就會提高 8%。

與速度相關的其他頁面體驗指標也是如此，例如轉向佈局和緩慢加載內容。

為什麼頁面速度對 SEO 很重要？

頁面速度會影響 SEO，因為 Google 使用 Core Web Vitals 作為排名信號。 Core Web Vitals 是衡量頁面內容加載速度的三個頁面速度指標。 這些指標是：

• 最大含量塗料 (LCP)
• 首次輸入延遲 (FID)
• 累積版式偏移 (CLS)

Google 使用這些指標來評估用戶體驗的質量。

頁面速度分析是網站性能的一個重要方面，網絡管理員和 SEO 都應該監控。 在其他條件相同的情況下，如果頁面具有更好的 Core Web Vital 指標，它更有可能在 Google 結果頁面上排名更好。

PageSpeed Insights 的局限性

雖然可以從 Google 的 PageSpeed Insights 工具手動獲取頁面速度數據，但這有一些主要限制：

• 不可擴展
  該工具一次檢查一個 URL，這使得評估多個 URL 相當耗時。
  
• 指標一目了然，而不是隨著時間的推移
  該工具提供頁面速度指標的快照。 這使得很難衡量頁面速度隨時間的提高或下降。 同樣，很難監控您所做的改進對頁面速度指標的影響。
  
• 無法將指標與競爭對手進行比較
  因為您一次只能測試一個 URL，所以您必須運行多個測試來將您的內部頁面速度指標與競爭對手的指標進行比較。 即使您這樣做，這也只是一個快照，會因您選擇的頁面和運行測試的時間而有所偏差。

谷歌的移動頁面加速工具也有類似的問題。

Ayima 的 Page Speed 監控儀表板解決了這些問題。

我們的頁面速度監控器是如何工作的

我們的 Page Speed 儀表板使用 Google 的 Page Speed Insights API 來分析跨多個域的許多頁面的性能。

我們針對內部（客戶端）和競爭對手頁面的樣本對桌面和移動性能指標提出 API 請求。 我們的客戶可以直接訪問跟踪頁面列表，並且可以隨時通過簡單地更新 Google 表格來更新這些頁面。

對於 Python 書呆子或只是好奇的人，本文將深入探討我們如何與 Page Speed Insights API 交互。

我們的應用程序在 BigQuery 中跟踪性能結果。 這讓我們可以衡量和報告頁面速度指標隨時間的變化。 我們將這些倉庫數據與 Google Data Studio 連接起來，在那裡我們構建了一個針對每個客戶的需求量身定制的頁面速度儀表板。

我們能夠在每個儀表板中突出顯示特定競爭對手的網站，以及 URL 和頁麵類型。 這使得監控整個站點的頁面速度變得非常容易。

Page Speed Monitor 的核心元素

我們的頁面速度儀表板提供了網站頁面速度性能隨時間變化的全面概述。 它還繪製了您相對於競爭對手的表現。

我們從兩個來源收集數據：現場數據和實驗室數據。 您可以在 Google 的文檔中找到有關這些指標及其衡量內容的更多信息。 我們還有一些關於 HTTP2 和頁面速度的更多技術信息。

• 現場數據
  捕獲真實世界的用戶數據。 這使我們能夠識別現實世界的瓶頸。
  • 累積版式偏移 (CLS)
    測量視覺穩定性。 低 CLS 可確保頁面的交互順暢且無延遲。

• 首次輸入延遲 (FID)
  測量負載響應能力。 低 FID 可確保頁面可用並且用戶可以與之交互。

• 最大含量塗料 (LCP)
  測量感知的負載速度。 快速 LCP 有助於讓用戶放心，頁面有足夠的內容呈現以與之互動。

首次內容繪製 (FCP)
測量感知的負載速度。 快速 FCP 有助於向用戶保證正在發生的事情。

除了上面提到的 Core Web Vitals - LCP、FID 和 CLS - 我們還監控許多其他頂級指標，如下所列：

• 實驗室數據
  從受控環境中收集數據。 這允許可重現的結果，這對於調試性能問題很有用。
  • 績效得分
    使用頁面的實驗室數據指標來提供匯總分數。

• 累積版式偏移 (CLS)

• 最大含量塗料 (LCP)

• 首次內容繪製 (FCP)

• 速度指數
  速度指數衡量頁面加載期間內容的視覺顯示速度

• 互動時間 (TTI)
  測量負載響應能力。 快速 TTI 意味著頁面可以快速使用和交互

• 總阻塞時間 (TBT)
  測量總響應能力。 低 TBT 意味著頁面可用並且用戶可以與之交互。

來自我們的頁面速度跟踪器的見解

我們使用 Page Speed Tracker 的目標是提供 Google 現有的 PageSpeed Insights 工具無法提供的見解。

我們希望能夠隨著時間的推移跟踪相關指標。 這將使我們能夠衡量頁面速度計劃的有效性或某些更改對網站的影響。

此外，如果我們只更新某個頁麵類型，我們希望能夠在我們的分析中隔離這些頁麵類型。 同樣，如果需要，我們希望能夠查看特定設備類型或國家/地區的性能。

所有這些都是有助於為我們的客戶提供優勢的見解。 這些可以讓他們進行有針對性的更改以提高他們自己的頁面速度，就像我們對自己的網站所做的那樣。

隨著時間的推移測量頁面速度性能，而不是單個快照，可以讓我們確定我們何時朝著正確的方向前進。 它還可以準確地告訴我們我們移動了多少針。

同樣重要的是，我們可以將網站性能與競爭對手的性能進行比較。 根據 Google 的評分系統，有時頁面速度指標可能看起來很差。 但是，如果行業的性質需要使用大型、高質量的圖像或視頻，那麼通過競爭對手分析來展示這一點對我們來說很重要。 根據谷歌的說法，一個網站可能表現不佳，但相對於競爭對手來說卻很好，反之亦然。

儀表板的第一部分提供了與競爭對手相比我們客戶的頁面速度指標的高級概述。 時間序列圖表讓我們可以將多個頁面速度得分與競爭對手進行比較。 我們對多個網站的競爭對手數據進行平均，以提供有關頁面速度性能的行業展望。 因此，我們可以監控站點更改/遷移對站點速度的影響。

我們在儀表板下方包含了對核心網絡重要指標的更細粒度的細分。 同樣，我們在每張圖表上都包含競爭對手數據以提供基準。

自定義過濾器使我們能夠分析頁面子集、國家和/或設備類型等的性能。

KPI 概覽一目了然地為我們提供了實驗室和現場數據指標。 我們再次為每個指標提供競爭對手數據，取多個競爭對手網站的平均值。

我們將 30 天平均值的變化包括在內，以顯示改善或下降。 顏色編碼突出顯示易於識別的改進區域。 紅色指標是 Google 認為較差的指標，在任何優化工作中都應優先考慮。 橙色指標是不錯的分數，綠色指標是不錯的分數。

儀表板的“頁麵類型”和“國家/地區”部分細分了我們客戶網站中需要改進的區域。 這些顯示了哪些區域和模板已經或沒有朝著正確的方向發展。

更全面的競爭對手細分部分可讓您查看多個競爭對手的頁面速度指標。 這使您可以確定哪些競爭對手的網站尤其表現良好，並可能需要進行更多調查。

如果競爭對手在 SERP 上獲得排名，我們可以查看此處以確定它是否與頁面速度指標的積極變化相關。 或者，如果競爭對手重新設計其網站，我們將能夠在此處監控對網站速度的影響。

現場數據圖表顯示用戶體驗快速、平均和慢速指標的百分比。 每周平均值讓我們可以查看一段時間內的趨勢，以確定提高頁面速度指標的努力的影響。

我們可以製作額外的圖表來滿足客戶的需求。

如何設置？

Ayima PageSpeed 控制台是我們為 SEO 客戶提供的東西，因為它可以幫助我們提高性能。 如果您有任何問題或想了解更多信息，請與我們聯繫，我們很樂意聽取您的意見！