在网页设计中，视频的加载顺序对用户体验有着重要影响。若页面包含多个视频，合理的加载顺序能让用户更快看到想看的内容。下面以谷歌浏览器为例，介绍如何优化页面中视频的加载顺序。
首先，要了解视频标签的属性。对于 HTML5 视频，video 标签有一些可设置的属性。比如 `preload` 属性，它有三个可选值。当设置为 “none” 时，浏览器不会预先加载视频，而是在用户点击播放按钮后才加载，这样可以减少初始页面加载时的带宽占用。如果设置为 “metadata”，浏览器会预先加载视频的元数据，但不会下载视频内容本身，这在一定程度上加快了用户点击播放后的响应速度。而设置为 “auto”，则表示页面加载时会自动开始下载视频，适用于一些希望视频快速播放的场景，但可能会增加页面初始加载时间。
其次，利用 JavaScript 控制加载顺序。可以通过监听页面的加载事件，在特定条件下改变视频的加载逻辑。例如，使用 JavaScript 代码检测用户的网络状况，如果网络状况不佳，可以延迟加载高清视频，先加载低分辨率版本或者视频的缩略图。还可以根据用户与页面元素的交互来加载视频，比如当用户滚动到某个视频区域时，再触发该视频的加载，这样可以避免一次性加载所有视频造成的性能问题。
再者，考虑使用懒加载技术。懒加载是一种延迟加载页面元素的方法，对于视频来说，可以使用一些库来实现懒加载效果。当视频进入浏览器的可视区域时，才会开始加载，这样可以大大减少页面初次加载时的负担，提高页面的整体加载速度，尤其是在有大量视频资源的页面上效果显著。
然后，优化视频的格式和编码。不同的视频格式和编码方式对加载速度有很大影响。一般来说，MP4 格式在兼容性和压缩比方面表现较好，是常用的选择。同时，选择合适的视频编码参数，如降低视频的码率、分辨率等，可以在保证一定观看质量的前提下减小视频文件的大小，从而加快加载速度。
最后，利用浏览器缓存机制。浏览器会缓存用户访问过的资源，对于经常访问的视频页面，合理设置缓存头可以让浏览器在再次访问时直接从缓存中获取视频，而不是重新从服务器加载，进一步提高加载效率。
通过以上这些方法，能够有效地优化 Google Chrome 页面中视频的加载顺序，提升用户浏览包含视频内容的网页时的体验。