浏览器会先显示部分网页内容,然后再显示其他内容。借助 Fetch Priority API,您可以向浏览器发出重要资源的初始提取优先级信号,以优化资源加载。
观看视频,了解如何:
- 在效果面板中,找到加载指标 Largest Contentful Paint (LCP)。
- 在网络面板中查看初始和最终优先级,以及性能轨迹的网络轨道。
- 使用本地替换项测试
<img>
、<link>
和<script>
元素中的fetchpriority
属性。 - 了解
loading
和fetchpriority
属性之间的区别。 - 了解何时应降低资源的优先级。
LCP 图片显然可以从 fetchpriority="high"
中受益。另一个提示是,如果浏览器会自动提高图片的优先级,那么在初始设置时就很有意义。
如需了解详情,请参阅: