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