我正在制作一个网页，其中将包含大约20-25个小分辨率（~56x56）和短长度（约3秒）的电影，这些电影将设置为自动播放和循环，因此它们将始终在页面上循环。它们大多分散在整个页面上，因此无法轻易合并到更大的电影中。
我正在努力决定使用正确的格式，平衡文件大小、质量和处理器开销。
就质量和文件大小而言，mp4似乎是最好的选择，但在页面上嵌入许多小mp4让我感觉速度很慢，让我的电脑变得很热。尽管事实上，如果它们是一个mp4，它将只有300x240左右——如果它们被分开，似乎会有很多CPU开销。
gif质量较低，文件大小较大，但CPU性能感觉更流畅。我无法证明这一点，因为我没有测量它——gif的性能比mp4好吗？
我没有尝试过其他格式（webm、avi、ogg等），但我不确定大多数浏览器对所有这些格式的支持程度，我希望网页可以从多个浏览器/国家/地区查看。
如何确定这些视频的最佳格式？有没有一个工具可以测量我的网页的CPU性能，这样我就可以量化性能问题？
在一个页面上播放多个视频对大多数操作系统来说都是一个问题，因为视频解码和播放需要占用CPU。
一些系统在视频播放"管道"（操作系统、浏览器和播放器执行的一系列功能，用于解压缩、解码、准备和显示视频）中也会有硬件元素（硬件加速），而这些元素可能不支持或具有有限的并行播放能力。
如果你事先知道你想在页面上播放什么视频，并且没有针对不同用户的太多不同视频组合等，那么这种情况有一个相当常见的解决方法：将服务器端的视频组合成一个视频。这意味着用户仍然可以看到看起来像多个视频的内容，但你在服务器端完成了所有繁重的工作。
缺点是你无法启动或停止单个视频，也无法快速更改视频的组合。
如果您计划支持移动浏览器，您应该注意，大多数移动设备不支持自动播放（以帮助节省用户带宽），而手机等较小的设备通常不支持内联视频（视频将始终全屏播放）。[2017年2月更新：随着移动数据速率的提高，移动设备开始支持自动播放，现在大多数设备都将支持内联，iOS在iOS 10]中添加了这一功能