firefox devtools 不支持查看资源加载优先级,因其未实现 fetchpriority 属性,network 面板无 priority 列,也无法验证 fetchpriority 等提示效果;仅能通过请求顺序、start time、initiator 和缓存状态等间接线索观察加载行为。

Firefox DevTools 不支持查看资源加载优先级(Priority),因为 Firefox 从未实现 fetchpriority 属性,也不在 Network 面板中暴露或响应任何 Priority 提示信号(如 fetchpriority="high" 或 importance)。它对这类 HTML 优先级提示完全忽略——既不报错,也不调度,更不会在界面中显示 Priority 列。
你无法像在 Chrome/Edge 中那样,在 Firefox 的 Network 面板右键表头勾选 “Priority” 并看到 Highest/High/Medium/Low 等值。
那在 Firefox 中能做什么?
H3 查看资源请求顺序和基础加载行为
Firefox 的 Network 面板仍能清晰展示:
- 每个请求的 URL、状态码、类型(img/css/js/font等)、大小、时间线(Start/Response/Finish)
- 资源发起顺序(按瀑布流排列),间接反映浏览器发现和调度的大致先后
- 是否被缓存(Size 列显示
from cache)、是否阻塞渲染(如 CSS 文件常出现在 HTML 解析早期)
H3 对比 Chrome 验证优先级是否生效
若你写了 <img src="hero.jpg" fetchpriority="high" loading="eager">,想确认它是否起作用:
- 必须换到 Chrome/Edge(119+)中打开 DevTools → Network → 勾选 Priority 列 → 刷新页面 → 找该请求看是否变为 Highest
- Firefox 中无论怎么写,Priority 列根本不存在,也无法验证。这不是操作问题,而是功能缺失。
H3 替代性观察方式(Firefox 内可用)
虽然看不到 Priority,但可通过以下线索推测关键资源是否被提前加载:
- Timing 标签页中 “Start Time” 是否明显早于其他同类型资源(如首屏图比后面几张图早几百毫秒开始)
- Waterfall 时间轴上,关键图片是否在 HTML 解析完成前就已发起请求(说明被早期发现)
- 结合 “Initiator” 列:是 HTML 解析触发,还是 JS 动态创建后才触发?前者更可能获得高优先级
H3 不要依赖 Firefox 做优先级调试
所有关于 fetchpriority、preload、loading="eager" 的效果验证,都应以 Chromium 系列为基准。Firefox 当前策略是:按资源类型和位置静态分配优先级(如 CSS > script > img),不接受 HTML 层面的人工提示。它的 Network 面板设计也未预留 Priority 字段。
不复杂但容易忽略











