介紹 Pagespeed Pal：在 Google Data Studio 中可視化核心 Web Vitals

作為一家提供全方位服務的數字營銷機構，我們想要一種方法來快速輕鬆地為客戶和競爭對手的 URL 收集有關 Core Web Vitals 的信息，這些信息可以以清晰簡潔的方式進行可視化。

在查看了現有的解決方案後，我們很快意識到沒有一個工具可以完全滿足我們的需求。

所以，我們決定自己建造它。 最好的部分？ 它是免費的——由數字營銷人員為數字營銷人員構建。

為什麼 Core Web Vitals 很重要？

自 2021 年 6 月起，Core Web Vitals 成為您網站的官方排名因素。 雖然它不是最大的貢獻者，但如果您希望您的網站獲得最高排名的最佳機會，了解您的網站在桌面和移動設備上的表現仍然變得越來越重要。 你怎麼能做到這一點？ 那麼，您需要能夠跟踪和監控排名指標，例如首次輸入延遲 (FID)、累積佈局偏移 (CLS) 和最大內容繪製 (LCP)，以確定問題可能出在哪裡並量化您的成功程度實施的解決方案是。

介紹 Pagespeed Pal——Semetrical 開發的免費工具，專為希望輕鬆跟踪、組織和可視化 Core Web Vitals 的任何人而設計。

那麼，什麼是 Pagespeed Pal？

我們的工具使用 Pagespeed Insights API 來提取以下字段、來源和實驗室指標；

• FCP 女士 – 現場
• LCP 女士 – 現場
• CLS 女士 - 領域
• FID 女士 – 字段
• FCP 女士 – 起源
• LCP 女士 – 起源
• CLS 女士 – 起源
• FID 女士 – 起源
• 性能得分 - 實驗室
• FCP 女士 – 實驗室
• LCP 女士 – 實驗室
• CLS – 實驗室
• 互動女士的時間 - 實驗室
• 總阻塞時間女士 – 實驗室
• 速度指數女士 – 實驗室
• 第一個字節的時間女士 - 實驗室
• FID 女士 – 實驗室

現在我們已經介紹了 Pagespeed Pal 能夠提取的指標，讓我們快速介紹每個指標告訴我們的內容，並概述字段、原始數據和實驗室數據之間的主要區別；

指標定義

• LCP = 這測量負載性能。 為了提供良好的用戶體驗，LCP 應在頁面首次開始加載後的 2.5 秒內發生。
• CLS = 這測量視覺穩定性。 為了提供良好的用戶體驗，頁面應保持小於 0.1 的 CLS。
• FID = 這衡量交互性。 為了提供良好的用戶體驗，頁面的 FID 應該小於 100 毫秒。
• FCP = 這衡量頁面加載速度，即從頁面開始加載到頁面內容的任何部分呈現在屏幕上的時間。
• Time to Interactive = 一個實驗室指標，用於測量從頁面開始加載到完全交互的時間。
• 總阻塞時間 = 一種實驗室指標，用於測量首次內容繪製 (FCP) 和交互時間 (TTI) 之間的總時間（以毫秒為單位）。
• 速度指數 = 衡量頁面內容在頁面加載期間可見填充的速度的實驗室指標。
• Time to First Byte = 一種實驗室指標，用於測量瀏覽器請求頁面與從服務器接收到第一個信息字節之間的時間。

數據類型定義

• 字段數據= 基於真實用戶訪問，這是與提供的 URL 相關的分數，是 Google 在對您的頁面進行排名時考慮的因素。
• 原始數據= 這是可以在網站上測量的所有 URL 的分數的匯總，它提供了網站整體性能的有用指示。
• 實驗室數據= 這會在具有預定義網絡和設備條件的受控環境中加載頁面。

我們著手提取這三種數據類型，以從每種數據類型提供的不同視角中受益。

Pagespeed Pal 可以獲取多少個 URL，它們多久更新一次？

這些分數由 Pagespeed Insights API 每天更新，因此我們的工具每天只獲取一次，自動運行以確保事情保持最新 - 作為用戶，您可以通過用戶安排何時發生這種情況界面如下圖。

Google 對每天可以運行的 URL 數量進行了限制。

擁有免費 Google 帳戶的用戶可以在遇到錯誤之前安排大約 35 個 URL，而擁有工作區帳戶的用戶可以查詢大約 100 個 URL。

但是，Google 對立即運行的 URL 數量的限制較少。 我們已經能夠使用帶有 Pagespeed Pal 附加菜單的“運行查詢”菜單成功獲取 1,600 多個 URL 的數據。

原始數據如何呈現？

為了便於報告，這些分數按日期、設備、客戶端、頁面分組和 URL 進行了拆分。 請參閱下文，了解填充到 Google 表格中時的外觀。

這種格式的主要目的是簡化數據可視化，以便在 Google Data Studio 中為我們自己的客戶和競爭對手的頁面輕鬆創建強大的視圖。

這在可視化時看起來如何？

使用此電子表格作為直接鏈接到 Data Studio 的數據源，可以將數據可視化如下；

通過添加基於相關維度（例如客戶端、頁面分組或 URL）的過濾器，可以高度靈活地評估這些維度。 我們喜歡使用參考線功能為指標提供閾值，從而更容易識別整體性能。

這太棒了——我如何使用 Pagespeed Pal 進行報告？

在對工具進行一些最終更改後，我們將通過 Google Workspace Marketplace 向公眾發布 Pagespeed Pal，並在上線後更新博客。

當 Pagespeed Pal 上線時，可以通過 Google Workspace Marketplace 輕鬆添加該工具。 下載後，只需導航至 Google Sheets > Extensions > Add-ons。 它將提示您下載 API 密鑰，您可以按照提供的步驟獲取該密鑰。 獲取此信息後，將其粘貼進去，您就可以開始了！ 我們下面的簡短視頻演示瞭如何在安裝後正確開始使用該工具。

如果您有任何問題，請通過我們的聯繫表格與我們聯繫。