Optimize resource loading with the Fetch Priority API | Articles | web.dev

When a browser parses a web page and begins to discover and download resources such as images, scripts, or CSS, it assigns them a fetch priority so it can download them in an optimal order. A resource's priority usually depends on what it is and where it is in the document. For example, in-viewport images might have a High priority, and the priority for early loaded, render-blocking CSS using <lin

[kkeisuke]

“fetchpriority”

[hc0001]

外部リソースを読み込む HTML 要素 (<img>, <script>, <link>, <iframe>) の要求優先度を指定する、Priority Hints の fetchpriority 属性について。もともと importance 属性で提案されていたが、リネーム された。

[hisasann]

img, script, iframe, link に importance をつけると良いという話

[efcl]

Chrome 96 betaでのOrigin Trialで実装されたPriority Hintsについて。 `importance`属性を使ってリソースロードの優先度のHintを定義できる。