## 概述 `fetchpriority` 用于为资源加载提供优先级提示,常用于首屏关键图片(LCP)与预加载样式/脚本。取值包括 `high`、`low`、`auto`,浏览器在自身调度与网络协议层面综合考虑执行。 ## 用法/示例 ```html Hero Gallery ``` ## 工程建议 - 仅对 LCP 候选与关键路径资源设置 `high`,谨防“泛优先级”导致拥塞与反效果。 - 与 `preload`、`loading=lazy`、`decoding` 等协同,依据页面结构与用户设备能力做差异化策略。 - 使用 DevTools 网络面板观察 `Priority` 列与瀑布图,结合真实设备网络环境做验证。 ## 参考与验证 - MDN:`fetchpriority` — https://developer.mozilla.org/docs/Web/HTML/Attributes/fetchpriority - web.dev:Priority hints — https://web.dev/articles/priority-hints - Chrome Docs:Resource loading — https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preload

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部