浏览器会先显示一些网页内容,然后再显示一些内容。借助 Fetch Priority API,您可以向浏览器发送重要资源的初始提取优先级,以优化资源加载。
观看视频,了解如何:
- 在性能面板中找到加载指标,即 Largest Contentful Paint (LCP)。
- 请查看“网络”面板中的初始优先级和最终优先级,以及“性能”跟踪记录的网络跟踪记录。
- 使用本地替换来测试
<img>
、<link>
和<script>
元素中的fetchpriority
属性。 - 了解
loading
属性和fetchpriority
属性之间的区别。 - 了解何时降低资源优先级。
LCP 图片明显受益于 fetchpriority="high"
。另一个提示是,如果浏览器自动提高图片的优先级,则一开始就应该进行设置。
如需了解详情,请参阅: