影音如何影響移動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是Google的開發者倡導者,提供 教育資料 移動影音技術人員和研討會。 他解釋說:

“影音對於頁面加載不是一個大問題,因為通常影音不應該是加載網頁的成本的一部分。
“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回顧瞭如何為視覺搜尋未來做好準備。

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

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

發佈留言

Close Menu