HTML 属性:fetchpriority
fetchpriority 属性允许开发者向浏览器发出信号:在加载过程中提前获取特定图片对用户体验的影响程度,可能与浏览器在分配内部优先级时合理推断的结果存在差异。浏览器据此可相应提高或降低该图片的优先级,从而可能比默认情况更早或更晚地加载该图片。
此属性可以应用于 <img>、<link> 和 <script> 元素,它还拥有一个 SVG 对应版本。
获取优先级可与预加载属性配合使用,使开发者能够提升资源的优先级,使其优先于那些默认优先级较高但影响较小的资源。例如,若开发者确认某张图片对网站的最大内容绘制(LCP)指标贡献显著,可为该图片添加 <link rel="preload">,再通过 fetchpriority 属性进一步提升其优先级。
请注意,任何获取操作的内部优先级以及 fetchpriority 对优先级的影响,完全取决于浏览器。
此属性为枚举属性,可以具有以下值之一:
使用说明
该属性应谨慎使用,因为过度或错误的优先级设置会降低性能。
规范
| Specification |
|---|
| HTML> # attr-img-fetchpriority> |
| HTML> # attr-link-fetchpriority> |
| HTML> # attr-script-fetchpriority> |
浏览器兼容性
>html.elements.img.fetchpriority
html.elements.link.fetchpriority
html.elements.script.fetchpriority
参见
- SVG
fetchpriority属性