资源优先级失配为什么会拖慢首屏，应该如何重排关键请求？

# 核心结论

资源优先级失配会让非关键资源占用有限的连接、带宽和主线程，使真正决定首屏绘制的样式、字体、主视觉图片或必要脚本更晚开始或更晚完成。优化目标不是让所有资源都尽早下载，而是让关键资源尽早被浏览器发现、获得匹配用途的优先级，并缩短从文档到首屏内容之间的依赖链。应先通过网络瀑布图和性能轨迹识别关键请求链，再按资源性质选择服务端直接输出、preload、preconnect、modulepreload、动态 import()、懒加载或预取。所有提示都要有预算，提示过多反而会制造竞争。

# 底层机制

浏览器从解析 HTML 开始发现资源，并根据资源类型、标记位置、可见性和提示信息调度请求。若主图地址由