網頁速度飛快無比

瞭解如何改善廣告速度以提高收益並提升使用者滿意度,以及如何著手改善廣告速度。

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

如果您與大多數網路發布商一樣,您的商家提供簡單的價值交換:您提供使用者認為有價值的內容,並在過程中向他們顯示相關廣告來產生收益。但如果這些廣告會拖慢內容速度,您真的有遵守協議嗎?

這篇文章將說明快速廣告對所有人的好處,以及如何開始調查及提升網站上的廣告速度。

為什麼廣告速度很重要?

快速載入的廣告可提升使用者體驗

使用者造訪你的網站是為了娛樂、獲取資訊或學習新知,因此希望網站能快速載入,且盡量不要中斷。如果網站能協助使用者順利完成這些工作,他們就會更常回訪。雖然廣告對貴商家來說可能不可或缺,但如果廣告會拖慢網站速度,可能會與使用者的目的產生衝突。

瀏覽器可用的資源有限,包括記憶體、CPU 和網路頻寬。廣告耗用的這類資源越多,網頁完成視覺內容和互動所需的時間就越長。這可能會對使用者體驗指標造成負面影響,例如工作階段長度跳出率。您可以放送盡可能輕量的廣告,並在適當時間載入廣告 (不一定會立即載入),藉此改善這些指標。

對許多電子商務發布者來說,多媒體廣告是次要的收益來源。 如果您是這類發布商,應該知道在網頁上放送廣告會對主要業務指標 (銷售量、訂閱人數等) 造成負面影響。快速廣告不會擋住網頁內容,因此也能提升主要業務指標。

快速放送廣告可提高收益

從廣告主角度來看,這個主題的意義也不同。廣告在網頁上顯示的時間越早,在螢幕上顯示的時間就越長,因此越有可能獲得曝光和互動。觀看次數和互動次數增加,廣告主眼中廣告空間的價值也會隨之提升。

反之,廣告在網頁上顯示的時間越長,曝光次數可視曝光次數就會減少。為瞭解這個問題的嚴重程度,下圖顯示一項實驗的匯總資料。這項實驗在每個廣告回應前,於採用多重請求模式的網站上,透過 Google 發布商代碼注入 100 毫秒到 1 秒的延遲,共產生 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 製作廣告,這種格式可穩定產生快速廣告。