循环 HTML5 背景的最佳文件大小是多少?

What's the optimal file size for a looping HTML5 background?

我的研究:

我能找到的唯一相关问题是特定于 JWPlayer 的。我的问题不是针对 JWPlayer 的:

Optimal file size for a html5 background video stream with JWPlayer?

搜索引擎结果似乎也没有提供指南。

我的问题:

在回答没有最佳选择并且世界太美丽且充满变化以至于人们无法理解答案之前,请记住我的问题是基于平均或最常见的互联网连接。

换句话说,如果我想在不遇到重大 load/performance 问题的情况下覆盖大多数互联网用户,我的最大文件大小限制应该是多少?

根据 Akami 2014 internet speed ratings,世界平均互联网速度为 3.9Mbps(大约每秒 500KB 或半兆字节)。但是,我强烈建议不要以平均为目标,而是以低于平均水平为目标进行优化,以便更多的人在您的网站上获得愉快的体验。我建议将目标优化为 1.5Mbps 左右的速度(约每秒 185KB)。这意味着如果您希望您的页面在 1.5Mb 的慢速连接上在合理的 10 秒内加载,未缓存(当有人第一次访问您的站点时,它会随着图像被缓存而加速)您的总页面应该小于 2MB。因此,您必须问问自己,您愿意在背景图片上使用这 2MB 中的多少?我建议将背景图片设置为 150-300Kb 左右。使用 Photoshop 等程序和 "Publish to Web" 功能来调整背景图像设置和文件类型,以将其大小更改为您想要的大小。我建议避免使用 Jpeg 并以 PNG 为目标。