基于网络质量的自适应投放

Milica Mihajlija
Milica Mihajlija
X GitHub 首页

加载网站的体验可能会因网络状况而异。当您使用快速网络时，一切通常都很顺利，但当您使用有限的流量套餐和不稳定的连接在旅途中使用移动设备时，或者使用笔记本电脑连接到缓慢的咖啡店 Wi-Fi 时，情况就不同了。

一种解决方法是根据用户的连接质量调整向其投放的素材资源。现在，借助 Network Information API，Web 应用可以访问有关用户网络的信息。

Browser Support

  • Chrome: 61.
  • Edge: 79.
  • Firefox: not supported.
  • Safari: not supported.

Source

用法

您可以通过多种方式使用此网络信息来改善用户体验：

  • 根据用户的网络情况，在提供高清内容和低清内容之间切换。
  • 决定是否预加载资源。
  • 当用户连接到网速较慢的网络时，延迟上传和下载。
  • 如果网络质量不够好，无法加载应用和使用相应功能，请启用离线模式。
  • 警告用户，使用移动网络执行某些操作（例如观看视频）可能会产生费用。
  • 在 Google Analytics 中使用它来收集用户网络质量方面的数据。

许多应用已经实现了类似的功能。例如，YouTube、Netflix 和大多数其他视频（或视频通话）服务会在流式传输期间自动调整分辨率。当 Gmail 正在加载时，系统会向用户提供一个链接，用于“加载基本 HTML（适用于连接速度较慢的情况）”。