如果一个很长的 html 页面，应该怎么处理加载资源的问题？

假如有一个 20 个屏幕高度的 html 产品宣传页面，通常情况下，或者说默认情况下，用户打开浏览器，假如网速恒定 300kb/s ，但因为是产品宣传页，就类似 dji 这类的或小米手机这种，所以会有很多视频和图片，我看 chrome 检查中，比如第一屏内有视频，有图片，它似乎并不是优先下载第一屏的视频，而是会同时在加载之后的视频前几秒的画面，这就很容易导致第一个视频播放一会儿就卡住不动；首先我不知道这种假设是否合理？这么大的网页，是否需要针对 300kb/s 的网速做优化？

如果做优化，写个脚本只有当第一个屏幕的那个视频完全下载后，才去下载其他资源，这样似乎听着就很非主流，以及之后修改网页内容不知道方便不方便？或者有没比较成熟的方案？