html - 用户浏览器中的动画 GIF 与 HTML5 视频性能

Question

我需要在页面上显示多个代表视频的项目。嵌入视频播放器(即使只是几个)会给用户的 CPU 带来大量负载(您可以听到计算机风扇立即旋转到最大速度)。我的想法是生成动画 GIF 来表示视频剪辑，以缓解这种情况。这似乎对 CPU 造成了负载，但并没有那么大。看起来，一旦 GIF 加载完毕，CPU 负载就不再是问题了。

我只是通过在页面上放置大约 15 个 GIF、在 MacBook Air 上的 Chrome 中加载它并观看 Activity Monitor 来对此进行测试。

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

我的逻辑是否合理:动画 GIF 需要的 CPU 资源比嵌入式视频少得多？我应该担心内存问题吗？就用户的系统资源痛苦而言，采用这条路线有什么缺点吗？

Answer 1

如果动画 gif 中有几帧，浏览器只是循环浏览这些帧 - 这并不是什么大问题。如果您在页面上放置足够多的内存，内存问题就会成为问题。

但是，有很多的东西在移动、闪烁或需要引起注意。也许您可以在鼠标悬停时从静态预览图像切换到动画 gif，这样一次性执行的操作就会少一些。然后，如果他们感兴趣，他们可以点击并加载视频。