影音如何影響移動社群網路性能和用戶體驗,第1部分:數據和下載速度

SEO觀點:
移動影音 是很棒的。 當它工作。
影音或音頻*不應影響頁面加載到行動設備上的速度,並且按下播放按鈕後,它需要快速啟動並運行良好。
影音內容 是許多品牌的首要議程。 這是證明與客戶和訪客互動的好方法,但在行動設備(特別是蜂窩連接的行動設備)上觀看時,影音(以及較小程度的音頻)應該帶有健康警告。
從UMass和Akamai的研究顯示,用戶對慢速加載和拖延影音越來越不耐煩,並會在等待兩秒鐘後開始放棄影音。
本專欄是三部分的第一部分,將詳細介紹影音如何以及為什麼會影響頁面性能。 在第二部分中,我們將了解影音自動播放和音頻對網頁性能的影響,以及造成糟糕觀看者體驗的因素(VX)。
最後,我們將探索如何檢測,避免和糾正問題,以防止用戶調出。
影音是一個巨大的移動數據豬
通過社群網路和應用程序在行動設備上提供和使用影音正在迅速成長。 根據思科的報告,到2021年,移動影音已經佔全球移動數據流量的60%,預計到78% 可視化社群網路索引 (VNI)。
所有其他因素將在未來五年內成長,但它們在整體交通中的比例將會減少。 與今天的8%相比,音頻將為5%,移動社群網路將為14%,而現在的流量為30%。

影音 – 和音頻 – 使用錯誤或效率低下將影響移動用戶體驗(UX) – 或者我們應該說:“觀眾體驗”(VX)還是“聽眾體驗”(LX) – 大量但不一定與 超大的圖像 和貧窮或 JavaScript的低效使用 。
正如前面的專欄中所看到的,圖像和JavaScript是導致移動網頁加載速度緩慢的最主要原因。 如下所述,影音仍然可以對頁面大小起作用,因此會導致頁面加載延遲,特別是(看起來)使用自動播放的地方,我們將在下面討論。
但是對VX的最大影響是在頁面加載後影音緩慢或失敗時啟動或停止。
下面的兩張圖來自於 HTTP存檔 ,每月兩次使用優秀的WebPageTest將前100萬個網站的主頁的頁面大小和下載速度記錄到桌面和行動設備上。
第一張圖顯示了2017年4月15日記錄的所有主頁的平均字節 – 圖片,JavaScript,影音,樣式表,HTML和字體 – 的內容類型細分。
影音是128kB或占總字節數的5.5%(2312 kB或2.3MB)。 這可能看起來很小,直到你意識到HTTP Archive監視的頁面有97%沒有影音內容(我們在下面檢查這個令人驚訝的統計數據)。
具有影音內容的頁面因此將顯示更高比例的影音內容。
第二張圖表(2017年4月15日拍攝)顯示了美國數位機構主頁的內容分類 巨大 。 這裡的影音內容是727kB或總字節數的14.5%。 該頁面的總重量為5MB,這是一個值得公司名稱的主頁,並且在測量時花費25.8秒來加載行動設備,根據 HTTP存檔 。
公平地說,儘管Huge格外巨大,但許多代理機構(數位媒體,廣告等)的裝載量驚人地減緩,重量級網站(考慮到數位業務的重要性)。 修剪器的例子是 年輕和Rubicam 。 在同一天,Y&R網頁花費了三秒鐘的時間在行動設備上加載783kB(在其他日期花了9秒鐘) HTTP存檔 。

影音不應該影響頁面加載大小或下載速度
據專家介紹,正確實施的影音(或音頻)不應該影響網頁的大小或頁面在行動設備上的加載速度。
即使影音出現在頁面上,為了呈現頁面,瀏覽器只需要加載影音容器,預告片圖像,開始按鈕等,它不需要下載整個影音(因為訪問者可能不想看 它根本)。 因此,影音和音頻不應該是HTTP Archive / WebPageTest記錄的內容的重要部分 – 正如我們在看看最受歡迎的網站時所看到的。

Sam Dutton是Google提供的開發者支持者 教育資料 並為移動影音技術人員舉辦講習班。 他解釋說:
“影音不是加載頁面的大問題,因為一般情況下,影音不應該成為加載網頁成本的一部分。
“HTTP歸檔測量加載網頁的字節數,而不是通過網際網路的總字節數。 當您加載大多數網頁時,您不會加載影音(但您可以加載圖像,HTML,CSS和JavaScript)。
“頂級網站比不太受歡迎的網站要求用於頁面加載的影音的可能性較小,因為(希望)頂級網站認識到頁面加權和(因此)跳出率等的不利影響。”

這是 第1部分 的一系列影音如何影響移動網站的性能和用戶體驗。 閱讀下一部分: 影音如何影響移動社群網路性能和用戶體驗,第2部分:自動播放和音頻 。

Andy Favell是Search Engine Watch,網頁編輯和移動/數位顧問的作家。

想要保持最新的搜尋趨勢? 從我們的搜尋專家處獲得最佳見解和新聞。

相關閱讀

Google的移動優先指數在這裡,對潛在的搜尋引擎優化影響產生了新的不確定性 – 但是有很多積極的步驟來管理風險和最大化排名機會。

在競爭日益激烈和規範的世界中,如何推銷ICO將是成功與失敗的區別。

Accelerated Mobile Pages框架為網站開發者提供了優化網站的手段,以便在行動設備上實現更快,更清潔和更高效的交付。 但是,如果您尚未實施,請參閱以下5篇有用的入門指南,涵蓋2018年使用框架的基本知識和新機會。

影音行銷現在已經變得非常龐大。 由於強大的影音行銷平台的普及,影音可以讓公司吸引更多的觀眾 – 並增加銷售額和轉化率。 但從影音行銷活動中真正看到投資回報率有多容易?

發佈留言