網頁速度飛快無比

瞭解如何改善廣告速度來提高收益及滿足使用者需求,以及如何改善廣告速度。

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 製作廣告,這種格式可確保快速產生廣告。