RTT不能直接调节下载优先级，仅适用于控制并发数或请求时机；其本质是链路延迟估算，不反映带宽或队列状态，浏览器也未提供基于RTT动态设置fetch或资源优先级的API。
直接结论：不能只靠 rtt 调节“下载优先级”，它适合调节并发数或请求时机，而非资源本身的加载顺序或 fetch 优先级（如 priority 属性在 Fetch API 中并不存在）。真正能影响实际下载行为的，是并发控制 + 请求发起节奏 + 资源分批策略。
为什么 rtt 不适合直接改“优先级”
rtt 是一个估算的往返延迟值（单位 ms），反映链路响应快慢，但它不携带带宽、队列状态、服务器处理能力等信息。浏览器没有提供基于 rtt 动态设置某个 fetch() 或 img.src 的“网络优先级”的接口。所谓“优先级”在 HTTP/2+ 中由浏览器根据资源类型（script > css > image）、发起时机、preload 提示等自动调度，开发者无法用 JS 主动干预单个请求的调度权重。
- 试图用
rtt改变<link rel="preload">的as类型或fetch()的signal并不会影响底层传输优先级 - Chrome 的 DevTools Network 面板里看到的 “Priority” 列是浏览器内部决策结果，不可写
- 强行按
rtt给不同资源加 setTimeout 延迟发起，反而可能破坏关键路径（比如把首屏 CSS 拖到 300ms 后）
rtt 真正该用在哪几个地方
它最有效的落点是控制“什么时候发多少个请求”，从而间接影响资源就绪时间分布——这才是前端可干预的实操层。
-
并发数限流：高
rtt下降低Promise.allSettled([...requests])的数组长度，避免连接排队和超时堆积 -
预加载节流：在 SPA 路由跳转后，根据当前
rtt决定是否触发下一屏资源的预取，以及一次取几个（比如rtt > 150时只预取 1 个关键 JS，而不是 4 个） -
懒加载延迟系数：对非首屏图片/组件，把
IntersectionObserver的rootMargin设为动态值（如rtt > 100 ? '300px' : '100px'），让弱网下更早触发加载 -
降级开关时机：当
rtt持续高于 200ms 超过 3 秒，才切换到简化版数据 schema 或跳过非必要上报
常见错误：把 rtt 当成实时带宽信号来用
有人会写类似这样的逻辑：
if (connection.rtt < 50) {
preloadHighResImages();
} else if (connection.rtt < 150) {
preloadMediumResImages();
} else {
skipPreload();
}
这看起来合理，但容易踩坑：
-
rtt值本身抖动大，刚进页面时可能读到临时异常值（比如 DNS 查询慢导致单次 RTT 达 800ms），直接触发降级会误伤体验 - 它不反映瞬时拥塞，
rtt = 60ms时如果基站正在满载，实际吞吐仍可能极低 - 必须配合
effectiveType校验：即使rtt = 120，若effectiveType === 'slow-2g'，就得按弱网执行；反之，rtt = 180但effectiveType === '4g'，大概率是测量噪声，不应激进降级
Vue/React 中落地时的关键细节
封装 useNetworkQuality() 这类 Hook 时，别只监听 change 事件——它在 Safari 和部分 Android WebView 中不触发，且首次读取时 rtt 可能为 0 或 undefined。
- 初始化时应 fallback 到
effectiveType映射：比如'4g'→ 默认rtt = 70，'slow-2g'→rtt = 250 - 用
setTimeout每 5 秒主动重读一次rtt，平滑掉单次异常值（取最近 3 次的中位数） - 不要在组件挂载时立刻调用预加载逻辑，等
rtt有稳定读数（比如 200ms 后）再开始，否则容易拿到无效初始值 - 服务端渲染（SSR）场景下，
navigator不存在，所有依赖rtt的逻辑必须包裹在if (typeof window !== 'undefined')中，且默认走保守策略
真正难的不是读 rtt，而是把它和业务节奏对齐：比如电商详情页的“立即购买”按钮点击后，不管当前 rtt 多高，库存校验请求都必须以最高确定性发出——这时候网络指标要让位于用户意图。
