網頁速度飛快無比

瞭解改善廣告速度如何提升收益、讓使用者滿意,以及如何改善廣告速度。

Gustav Ernberg von Heijne
Gustav Ernberg von Heijne
Jonathon Imperiosi
Jonathon Imperiosi
Rob Hazan
Rob Hazan

如果您和大多數的網路發布商一樣,可以提供簡單的價值交換機制:您提供使用者認為有價值的內容,在過程中向他們放送相關廣告,進而產生收益。但如果這些廣告拖慢內容速度 你確實會堅持不著眼底?

本文將說明廣告速度對所有使用者帶來的助益,以及如何著手調查並改善您網站的廣告速度。

使用者來到您的網站是為了娛樂、獲取新知或學習新知,會希望網站能快速載入,幾乎不會中斷。如果您的網站有助使用者達成這個目標,他們就更常回訪。雖然廣告對您的業務來說可能很需要,但如果它們能拖慢網站速度,可能就會對使用者造成非常緊張。

瀏覽器需要的資源有限:記憶體、CPU 和網路頻寬。廣告消耗的這些資源越多,網頁呈現完整且可互動所需的時間。這可能是工作階段長度跳出率等使用者體驗指標的拖曳項目。如要改善這些指標,請盡可能放送輕量級廣告,並在適當時機 (並非一如既往) 載入廣告。

對許多電子商務發布商來說,多媒體廣告是次要的收益來源。 如果你是這類發布者,一定會知道,在網頁上刊登的任何廣告都會對主要業務指標 (銷售、訂閱等) 造成負面影響。快速顯示廣告,就離開了網頁介面,能提升主要業務指標的成效。

廣告速度快,為你創造更多收益

該如何從廣告客戶的角度思考這個主題。廣告在網頁上越快顯示,畫面顯示的時間就越長,越能吸引使用者看見廣告並進行互動。隨著觀看次數和互動次數增加,廣告客戶對廣告版位的價值也跟著提高。

相反地,曝光可視曝光會減少廣告在網頁上顯示的時間。為了說明這個問題的嚴重程度,以下圖表顯示了實驗的匯總資料,這些實驗的匯總資料在每則廣告回應之前,系統先插入 100 毫秒至 1 秒之間的延遲時間。透過多重請求模式下的 Google 發布商廣告代碼,此時出現了 40 億次曝光。虛線屬於預測性質,旨在以視覺化方式呈現提升廣告速度如何提升曝光次數和可視度。

延遲時間為 1 秒鐘,行動裝置流量的曝光次數降低了 1.1%,電腦流量則減少 1.9%:

顯示插入延遲與曝光次數變化的圖表
資料來源:Google 內部資料,2016 年 12 月至 2017 年 1 月。

延遲時間為 1 秒鐘,行動裝置流量的可視率降低了 3.6%,電腦流量的可視率則降低了 2.9%:

顯示延遲插入與可視率變化的圖表
資料來源:Google 內部資料,2016 年 12 月至 2017 年 1 月。

評估廣告速度的架構

現代網站通常包含複雜且多樣的廣告放送設定,這表示放送快速廣告的方法沒有一體適用。相反地,以下章節提供了一個思維架構,有助您思考廣告速度。某些要點僅適用於 Google Ad Manager,但即使您使用不同的廣告伺服器,仍適用這些原則。

瞭解您想要改善廣告速度的原因

在著手改善廣告速度之前,您需要清楚知道自己的目標。該目標對像是否能改善使用者體驗?提升可視度?兩者又是?

無論您的目標為何,請務必確定哪些指標可用來評估及追蹤長期下來的進度。備妥適當指標後,您就能:

  • 瞭解進行的變更是否朝著正確的方向前進。
  • 執行實驗 (例如 A/B 測試) 來評估特定變更的成效。

決定好適用的指標後,請務必設定報表,以便追蹤。資訊主頁可讓您定期查看電子郵件,或透過電子郵件寄送定期報表。

瞭解商品目錄和依附關係

您必須先瞭解網站支援的廣告空間類型,以及各類型的技術依附性,才能找出改善廣告速度的機會。

舉例來說,假設網站支援以下廣告空間類型:

  • 電腦版排行榜
  • 行動橫幅廣告

範例網站會使用下列方式載入及顯示廣告:

  • 同意聲明管理平台
  • 目標對象指令碼
  • 標頭出價指令碼
  • 算繪架構

首先,為每種廣告空間類型建立流程圖,以視覺化方式呈現各種依附元件的互動方式,以便載入及顯示廣告。電腦版排行榜廣告空間可能會如下所示:

電腦排行榜廣告空間類型的工作流程範例。

較複雜的廣告空間類型 (例如行動橫幅廣告) 看起來可能像這樣:

行動橫幅廣告空間類型的工作流程範例。

接著,使用這些資訊建立簡單的資料表 (如下表所示),以容易理解的格式將每種廣告空間類型對應至其依附元件。

庫存類型 同意聲明管理平台 目標對象指令碼 標頭出價指令碼 轉譯架構
電腦版排行榜 ✔ (X) ✔ (A) -
行動橫幅廣告 ✔ (X 和 Y) ✔ (A 和 B)

建立這類廣告空間類型和依附元件的總覽,有助於找出關鍵路徑和需要最佳化的區域。舉例來說,您可能會發現有些依附元件不用包含,可以移除,以便快速改善。如要分析廣告載入時間,這項資訊就特別實用。

找出想要改善的部分

想要改善廣告速度,不妨專注於縮短載入網頁第一個廣告所需的時間。這個時間可以細分為三個主要間隔:

載入廣告程式庫的時間
載入所有必要廣告程式庫來發出第一個廣告請求所需的時間。您可以移除與發出廣告請求無關的指令碼,或延遲載入與廣告請求無關的指令碼,藉此改善此問題。
收到第一個廣告請求的時間
從載入廣告庫到發出第一個廣告請求所經過的時間。平行處理標頭出價要求,並避免發生封鎖主執行緒的工作,可藉此提升成效。
顯示第一個廣告的時間
從發出第一個廣告請求到顯示第一個廣告所經過的時間。可降低廣告複雜度和廣告素材檔案大小,進而改善成效。

開始變更之前,您必須先決定要著重哪些指標。雖然最終目標是盡可能減少所有方法,但改善個別項目 (以及用於這麼做的方法) 的相對重要性與特定設定而異。

您可以使用類似 Lighthouse 發布商廣告稽核功能的工具,來分析網站、找出瓶頸,然後根據資訊決定該將資源重點放在哪些項目。

結論

現在您已經瞭解廣告速度的重要性,也擁有適當的架構思考,接著是找出網站需要改善的部分,並加快廣告載入速度。最後,請考慮以 AMP 格式編寫廣告,這種格式通常能快速產生廣告。