視頻如何影響移動網絡性能和用戶體驗,第3部分:檢測和糾正問題




SEO觀點:
視頻已成為營銷人員工具箱中的重要工具。 視頻講故事 是吸引客戶的有用且越來越受歡迎的方式。
但是,如果您的視頻無法正常運行或削弱您的網站或應用程序性能,它將成為客戶,營銷人員和技術人員的主要挫折。
在本專欄的前兩部分中 數據和下載速度 和 自動播放和音頻 我們學會了:
視頻主導著移動數據流量
正確實施後,移動視頻不應影響頁面在移動設備上加載的速度
移動用戶在等待兩秒鐘加載視頻後開始變得不耐煩; 到了10秒,五分之一將放棄。
本專欄將探討如何檢測,避免和補救視頻問題,為觀眾提供視頻內容的最佳體驗,讓他們保持聯繫並觀看視頻。
跳到:
如何檢測視頻問題 如何避免視頻問題 如何解決視頻問題

如何檢測視頻問題
檢測視頻,音頻或任何其他網絡或應用程序問題a)的問題可以很簡單; b)從首席執行官應該是每個人的責任; c)幫助機構,技術人員和營銷人員保持警惕。
1.使用它
非常明顯 – 但是你最後一次從公共汽車,火車或酒吧查看網站和視頻的時間是什麼時候? 激勵員工使用網站/應用程序(在beta測試期間和上線後定期)並報告問題並提出改進建議。
檢查:
網站/頁面加載速度有多快? (數秒)
你有多長時間等待視頻開始?
質量有多好?
它在播放期間是否停止/(重新)緩衝?
是否值得觀看/觀看到底?
您對這些結論有何看法?
2.用戶測試它
使用不同的設備,網絡和位置,在使用您的網站時招募客戶並監控他們的行為和反應。 根據上述清單進行評分。 如果不能親自進行,請使用遠程服務 UserTesting.com 。
用戶測試應在開發過程的每個階段進行。 有關為什麼用戶測試如此重要的更多信息,請參閱我們的姊妹站點ClickZ上的專欄 為什麼用戶測試應該處於移動開發的最前沿 。
3.測試它
有不同類型的測試,包括:
頁面性能 – 諸如的工具 WebPageTest (免費)顯示視頻如何/如果影響頁面加載速度。 它不應該。 下面的圖片顯示了Sam Dutton的速度有多快的WebPageTest結果 移動視頻解釋器 在YouTube上加載移動設備。 該頁面需要6.6秒才能加載809kB。
A / B測試 – 測試不同的Web(或app)訪問者群體的替代體驗。 例如,測試在主頁上與專用頁面上託管視頻。
視頻測試工具 – AT&T的視頻優化工具 (以前稱為應用程序資源優化程序)是開發人員使用的免費下載工具(需要技術知識)來檢測諸如啟動延遲,停頓的頻率和持續時間以及最佳段大小等問題。

4.監視它
捲筒紙 分析工具 ,例如Google Analytics,跟踪訪問者與視頻的互動情況 – 例如 觀看次數,觀看次數,觀看次數以及網頁本身,包括停留時間和跳出率。 看到這個 介紹 使用GA評估視頻參與度。
熱圖工具,如 先向ClickTale 和 Crazyegg 提供用戶如何與網頁和視頻互動或嘗試互動的直觀表示。
如何避免視頻問題
在創建/製作視頻或編碼頁面時遵循最佳實踐,將託管它的網站或應用程序應該有助於避免許多常見問題 – 無法播放,播放緩慢或播放中斷的視頻。
考慮到格式日益流行,移動視頻的行業指導方針很薄弱。 可用的指導往往是一個技術人員,因此非技術人員關閉。
在以下幫助下編寫了以下建議:
Doug Sillars ,首席架構師,移動應用程序性能,AT&T
Usha Andra ,高級VNI分析師,思科
Rick Viscomi ,HTTP Archive項目負責人,Developer Advocate,Google
Ramesh Sitaraman ,麻省大學計算機科學教授,阿默斯特
薩姆達頓 ,谷歌的開發者倡導者。
1.值得擁有
視頻/音頻涉及許多費用:
對於生產者:生產和分配的成本; 對網絡性能的影響
對於網絡:網絡擁塞的影響
對於觀眾來說,就數據消耗,電池壽命和耗時而言。
這就迫切需要視頻滿足已知的用戶需求,包含高質量內容,長度合適,並根據比特率,分段和壓縮進行優化。
2.注意:視頻很貪婪; 高清貪心; 4K更貪婪
在帶寬方面,標準視頻是貪婪的,需要0.5兆比特每秒(Mbps); 高清晰度(HD)是SD的五倍; 和4K是貪婪的30倍。
思科的Usha Andra解釋說:
“移動視頻和多媒體應用具有比非視頻應用更高的帶寬和更低的延遲要求。 對於標準清晰度(SD),要求範圍可以從0.5Mbps到高清(HD)的2.5Mbps,對於4K /超高清(UHD)下載的要求可以超過15Mb​​ps,對於虛擬現實(VR)則要高得多。 UHD VR視頻應用的延遲要求可以從100毫秒(ms)到15ms。“
3.了解目標市場中移動網絡的局限性
即使在發達的電信市場中,移動網絡的能力也存在很大差異。 檢查 思科GCI全球雲就緒工具 為每個國家的平均值。
統計數據表明,美國和英國的下載速度比挪威和韓國低40%,比加拿大低25%:
韓國 – 下載:31.0Mbps; 上傳:14.3Mbps; 延遲:68ms
挪威 – 下載:29.1Mbps; 上傳:11.6Mbps; 延遲:40毫秒
加拿大 – 下載:24.2Mbps; 上傳:9.0Mbps; 延遲:51ms
英國 – 下載:18.2Mbps; 上傳:8.0Mbps; 延遲:55毫秒
美國 – 下載:17.1Mbps; 上傳:10.0Mbps; 延遲:88毫秒。
Usha Andra補充道:
“請注意,這些是平均速度和延遲,這意味著與平均速度相比,許多用戶體驗更高或更低的速度。 當速度和延遲低於應用程序保證的速度和延遲時,最終用戶會遇到視頻延遲,亂碼等問題。“
4.主頁或自己的頁面?
很少有最受歡迎的網站,包括那些有強烈視頻焦點的網站 – YouTube,Vimeo,BBC和CNN – 在主頁或類別頁面上託管視頻。 這些網站在主頁上宣傳他們的視頻作為圖像鏈接(通常帶有播放按鈕圖標疊加)和文本鏈接,當點擊或點擊時鏈接到專用於該視頻的頁面。
為什麼? 從主頁上保留視頻可以讓移動設備上的內容更加輕鬆快捷。 請參閱下面的Twitch示例。
5.避免 自動播放
強制移動網頁訪問者觀看視頻,無論他們想不想,都是:
令顧客感到沮喪(特別是在安靜的環境中)
不必要地使用客戶的帶寬和電池壽命
可以減慢頁面加載的速度
與可訪問性最佳實踐相反(因為它會干擾視障人士使用的屏幕閱讀器)
人為地誇大視頻查看統計數據的常用技術。
有一個(模糊似乎合理的)論點,即YouTube等網站是無自動播放規則的例外。 當訪問者在專用頁面上點擊視頻時,隱含他們打算觀看。
考慮一下Twitch,這是一個令人驚訝的熱門網站,粉絲在觀看玩視頻遊戲的玩家現場直播,並在下面的圖片中看到。 在桌面主頁上,Twitch.tv在自動播放中有實時遊戲,而在m.Twitch.tv上,主頁上沒有託管視頻。
比較下載到移動和桌面設備時Twitch主頁的下載大小和頁面速度 HTTP存檔 (2017年4月15日)提供了驚人的結果:
移動主頁(無視頻)需要5.8秒才能在24個請求中加載354kB的數據
桌面主頁需要19.9秒才能在275個請求中加載16,255kB的數據。 其中,11,827kB是視頻內容。

6.觀看者體驗(VX)和選擇
確保視頻和主頁是直觀的。 讓觀眾控制。 讓它容易:
選擇視頻質量 – 低質量,高清或4K
選擇並退出全屏視圖
更改設備方向更改
查看和操作。 確保視頻適合設備屏幕,並且按鈕直觀
設備脫機時允許播放。
7.使視頻可訪問
要使視頻/音頻可以訪問:
視力受損的人提供音頻的書面記錄。
有聽力障礙的人提供字幕。
有關使移動內容可供廣泛受眾使用的更多建議,BBC 移動無障礙指南 是一個很好的資源。
8.最小化視頻啟動延遲
啟動延遲是由兩個基本過程引起的:
認證過程(包括數字版權管理)。
視頻的下載。 視頻文件被細分為片段。 在視頻開始播放之前,需要將足夠數量的段下載到緩衝區(臨時存儲在客戶端設備上)。
延遲是不可避免的,但應優化視頻以確保延遲保持在最低限度。

從2016年的數據可以看出 Conviva研究 下面的視頻往往需要更長的時間才能在移動設備上啟動,無論是在WIFI還是移動設備上,平板電腦或台式機都需要更長時間。 手機在每次嘗試中的退出比例最高並非巧合。
9.通知用戶
在發生認證,下載和(重新)緩衝時,告訴用戶正在發生什麼和/或分散注意力。 看著一個紡輪圖標可能會令人沮喪。
10.盡量減少視頻攤位
當存儲在緩衝區中的視頻片段太少以允許播放繼續時出現失速。 只有下載了足夠的段(稱為重新緩衝),視頻才會繼續。
關鍵是要在慢啟動和失速之間找到平衡點, AT&T的Doug Sillars說道:
“視頻的兩個最大指標是:
啟動延遲(從點擊到流的時間長度)。
攤位(視頻停止,也許是一個微調)。
這些(當然)是相互關聯的。 如果啟動速度過快 – 設備上本地存儲的視頻不足,您可能會遇到失速。 或者你可以在開始時花費太多的數據(很長的啟動延遲),但以後沒有停頓。
中間有一個神奇的“金發姑娘”點 – 不是太熱,也不太冷 – 這平衡了這兩個因素。“
11.優化比特率,壓縮和分段大小
優化設備和網絡連接的比特率,壓縮和分段大小。
重新緩衝通常發生在以比特率(每秒比特數)測量的速度播放視頻時,對於網絡連接的下載速度(比特率)而言,速度太快,所以緩衝區被清空比填滿 。
數字視頻被分成2到10秒的文件,稱為段,下載到緩衝區然後按順序播放。 連接的最佳大小段將下載,緩沖和播放速度更快。
編解碼器(編碼器/解碼器)是用於壓縮和解壓縮音頻和視頻文件的工具。 有許多不同的壓縮格式,例如 MPEG-4,每個都有優點和缺點。 不同的視頻質量和客戶端設備/連接將影響格式的選擇。
12.使用自適應比特率。
自適應比特率流以多種不同的質量/速度/比特率創建和存儲數字視頻。 客戶端設備上的視頻播放器根據a)網絡速度,b)設備能力和c)緩衝區的容量來請求最合適的這些。
有兩種類型的自適應流媒體,DASH和HLS,因為在所有設備上工作的一種行業標準可能太簡單了( 在這裡了解更多 )。
13.使用內容交付網絡(CDN)
內容傳送網絡加速了網絡媒體的速度,包括視頻在移動設備上加載和播放的速度,通過減少視頻在原始網絡服務器之間傳送 – 例如 您在美國加利福尼亞州的網絡服務器,以及在馬里的廷巴克圖觀眾 – 通過複製和存儲在世界各地的服務器上的視頻。
根據 BuiltWith ,前10k網站中有53.8%使用CDN。
Akamai Edge是1999年成立的原始CDN之一,它仍然是最受歡迎的CDN之一。 根據BuiltWith的數據,Akamai在全球10000個站點中佔11.4%,其次是亞馬遜CloudFront 4%,MaxCDN 1.3%。

14.主持還是嵌入?
在第三方網絡上託管網站並嵌入文件,可以消除一些麻煩,包括視頻壓縮,自適應比特率和參與CDN。 這有助於解釋為什麼15.2%的頂級10k網站嵌入YouTube視頻和3.6%Vimeo BuiltWith 。

如何解決視頻/音頻問題
1.頁面重量或載入速度問題。
定期使用如下測試工具檢查關鍵頁面 WebPageTest (這是HTTP Archive使用的工具)。
如果這突出了頁面重量過大,下載速度慢的問題,並且視頻是一個促成因素(而非視頻) 超大的圖像 要么 JavaScript的低效使用 ),選項是:
殺死自動播放
確保視頻不會阻止正確加載頁面
將視頻移至專用頁面(帶有突出的圖片和文字鏈接)
使用A / B測試來驗證這是否解決了問題。
2.視頻失敗或播放過程中啟動或停止的速度很慢
如果視頻性能出現問題,請嘗試以下一些故障排除提示:
嘗試將視頻加載到專門的視頻服務,如Vimeo或YouTube。 比較嵌入在您的網站上的第三方網站上的視頻的性能以及自託管版本的性能,以突出顯示問題是否與視頻有關,而不是網站,網絡服務器或CDN(或缺少CDN)
使用如下工具測試視頻 AT&T的視頻優化器 (需要開發技能)來檢測視頻分割,壓縮,緩衝等問題並加以解決
重新編輯視頻以使其更加簡潔; 並經過優化以提高比特率和壓縮率
使用或更換CDN。
如果視頻在某些設備上和不同的連接上表現更好,例如 3G電纜上的電腦與智能手機:
準備多種不同格式的視頻版本,具有不同的質量,比特率和壓縮率,以適應最常見的設備和網絡類型
使用設備檢測來發現客戶端設備及其功能和連接類型,以便為視頻提供最適合的版本
使用自適應比特率。
資源(和來源)
這些資源是針對開發人員的,但對所有人都有用(如果你忽略技術人員):

這是 第3部分 的一系列視頻如何影響移動網站的性能和用戶體驗。 閱讀以前的文章:

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

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

相關閱讀

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

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

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

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

發表迴響

Close Menu