視頻如何影響移動Web性能和UX,第1部分:數據和下載速度




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

錯誤或低效使用的視頻和音頻將影響移動用戶體驗(UX) – 或者我們應該說:“觀眾體驗”(VX)或“聽眾體驗”(LX) – 大規模地,但不一定以與 超大的圖像 和貧窮或 JavaScript的低效使用 。
如前幾列所示,圖像和JavaScript是導致移動網頁加載速度緩慢的最大原因。 如下所述,視頻仍可能導致頁面大小,因此會導致頁面加載延遲,特別是(似乎)使用自動播放的地方,我們將在下面討論。
但是,當視頻速度很慢或失敗,啟動或停止時,對頁面加載後對VX的影響最大。
下面的兩個圖表來自 HTTP存檔 ,每月兩次使用優秀的WebPageTest記錄前100萬個站點的主頁的頁面大小和下載速度到桌面和移動設備。
第一個圖表按字節顯示內容類型的細分 – 圖像,JavaScript,視頻,樣式表,HTML和字體 – 作為2017年4月15日記錄的所有主頁的平均值。
視頻是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是谷歌的開發者倡導者,提供 教育資料 移動視頻技術人員和研討會。 他解釋說:

“視頻對於頁面加載不是一個大問題,因為通常視頻不應該是加載網頁的成本的一部分。
“HTTP存檔測量加載網頁的字節數,而不是跨越互聯網的總字節數。 當您加載大多數網頁時,您不會加載視頻(但您會加載圖像,HTML,CSS和JavaScript)。
“由於(希望)頂級網站意識到對頁面重量和(因此)跳出率等的不利影響,”頂級網站不太可能比不太受歡迎的網站需要視頻用於頁面加載等。“

這是 第1部分 觀看視頻如何影響移動網絡性能和用戶體驗的系列文章。 閱讀下一部分: 視頻如何影響移動網絡性能和用戶體驗,第2部分:自動播放和音頻 。

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

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

相關閱讀

在移動設備和桌面設備上跟踪關鍵字對於報告準確性和支持SEO策略都是絕對必要的。 Jessie Moore解釋了為什麼要為每個設備分離關鍵字策略,並分享快速提示以供考慮

視覺搜索生態系統正在迅速發展,Google,Amazon,eBay,AliExpress和Wayfair的創新成果。 從ASOS的Style Match工具推出1年後,Andrew Charlton回顧瞭如何為視覺搜索未來做好準備。

谷歌的移動優先指數就在這裡,引發了潛在的搜索引擎優化影響的新的不確定性 – 但是有許多積極主動的步驟來管理風險和最大化排名機會。

在競爭日益激烈和受監管的世界中,如何營銷ICO將成為成功與失敗的區別。

發表迴響

Close Menu