动画 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，这样一次就少了一点。然后，如果他们感兴趣，他们可以点击并加载视频。