importance属性已废弃，因chrome 101+等现代浏览器完全移除支持，safari/firefox从未实现，仅fetchpriority是当前唯一可靠方案，专用于和标签的优先级提示。
importance 属性已废弃，别再用它控制图片加载优先级。
为什么importance现在基本失效
该属性在 Chrome 101 之前曾短暂存在，但行为不一致：Safari 忽略、Firefox 未实现、旧版 Edge 表现随机。现代 Chromium（Chrome 101+ / Edge 101+ / Opera 87+）已完全移除对它的支持，解析时直接丢弃。即使你写了 importance="high"，Network 面板里 Priority 列也不会变化——它不是被“降级”，而是压根没进调度器。
- 浏览器不会报错，也不会警告，只是静默忽略
- 服务端渲染（SSR）或静态 HTML 中写入该属性，等于白加
- 和
fetchpriority同时出现时，Chromium 优先读取后者，前者被覆盖
fetchpriority 才是当前唯一可靠的选择
它专为资源调度设计，语义明确、行为稳定，且只在真正支持的场景下生效：
- 仅对
<img>和<iframe></iframe>标签起作用，<link>、<script></script>、<picture></picture>上加了也无效 - 必须是 HTML 解析时就存在的
src值（不能 JS 动态设置element.src） - 不能和
loading="lazy"共存——Chrome 会直接无视fetchpriority值 - 在 Chromium 119+（2026 年主流版本均已达标）中稳定生效，Safari/Firefox 忽略但安全
怎么验证 fetchpriority 是否真起效
别信渲染效果，看 Network 面板的 Priority 列（右键表头勾选）：
- 刷新页面时勾选 “Disable cache”，否则缓存命中会显示 Medium，掩盖真实调度
- 确保测试在前台标签页进行，后台页的资源调度会被系统大幅降权
-
fetchpriority="high"应对应 Highest 或 High（若无<link rel="preload">覆盖） -
fetchpriority="low"多数显示 Low 或 Lowest；若仍是 Medium，大概率是 lazy 冲突或跨域 CORS 预检失败
最常被忽略的一点：它不是开关，而是提示——浏览器有权根据空闲连接数、资源大小、是否已在视口内等综合判断是否采纳。想稳控 LCP，得先确保 src 静态存在、width/height 正确、且没和 loading="lazy" 绑定在一起。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
