動畫GIF與用戶瀏覽器中的HTML5視頻性能

Question

我需要在頁面上顯示多個項目來表示視頻。嵌入視頻播放器（即使只是一對）會在用戶的CPU上產生大量的負載（您可以聽到電腦風扇立即旋轉到最大速度）。我想減輕這個問題的方法是生成動畫GIF來表示視頻剪輯。這似乎會導致CPU的負載，但幾乎沒有那麼好。看來，一旦GIF完成加載，CPU負載就不是問題了。

我只通過在頁面上放置大約15個GIF，在我的MacBook Air上將它加載到Chrome中並觀看活動監視器來進行測試。

http://yawmp.com/temp/anigif_test.php

是我的邏輯的聲音，動畫GIF需要比嵌入視頻的CPU資源要少得多？有我應該關注的記憶問題嗎？對於我的用戶來說，在系統資源痛苦方面走這條路線有什麼缺點嗎？

Answer 1

如果動畫gif中有幾幀，瀏覽器只是循環瀏覽這些幀 - 這不是特別重要。內存問題將成爲一個問題，如果你把他們足夠的一頁。

但是，這是一個很多東西移動，閃爍，否則需要注意。也許你可以從一個靜態的預覽圖像切換到鼠標移動的動畫gif，所以一下子就少了一點。如果它感興趣，他們可以點擊並加載視頻。