Fetch Priority 与 Preload 协同优化实践

概述优先级提示能帮助关键资源更快加载。本文示例在 HTML 与 JS 中设置优先级与预加载。Preload 与优先级<link rel="preload" href="/assets/hero.jpg" as="image" fetchpriority="high">

<img src="/assets/hero.jpg" fetchpriority="high" alt="hero">

const img = document.querySelector('img');

if ('fetchPriority' in img) img.fetchPriority = 'high';