我正在尝试找出在页面上加载多个视频的最佳方法。就我而言，这些视频将是代替gif的小型自动播放循环。
我可以在网上找到的大多数信息都建议根据需要“延迟加载”视频（当用户将元素滚动到视口时）。这是有道理的，因为它明显减少了初始加载时间，但是唯一的问题是，当视频进入屏幕时，它通常仍会处于加载状态。
我还读到一个解决方案，可以在进入屏幕之前设置缓冲距离，但是即使那样，视频也经常会在完成加载之前进入屏幕。在所有我看过的延迟加载示例中，如果您滚动得太快，最终会同时加载多个视频，并且没有特定的顺序结束。我的工作可能有点强迫症，但确实困扰着我！
我想知道在页面其余部分加载完后立即从上到下逐一加载视频是否是一个好主意。这样，它不会减慢初始加载的速度，但是下一个视频进入屏幕时将有更好的机会加载。这在某种程度上比常规的延迟加载更糟吗？