[HTML]fetchpriority属性で画像等の読み込み優先度を指定する

<img>: 画像埋め込み要素 - HTML | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/img#fetchpriority

LCP 画像の優先度を上げる例

<img src="lcp-image.jpg" fetchpriority="high">

Fetch Priority API を使用してリソースの読み込みを最適化する  |  Articles  |  web.dev https://web.dev/articles/fetch-priority?hl=ja#increase-lcp-priority

これは試してみた感じだと他の画像に low も指定した方がいい様な感じ

カルーセルの例(スクロールせずに見える範囲の画像の優先度を下げる)

<ul class="carousel">
<img src="img/carousel-1.jpg" fetchpriority="high">
<img src="img/carousel-2.jpg" fetchpriority="low">
<img src="img/carousel-3.jpg" fetchpriority="low">
<img src="img/carousel-4.jpg" fetchpriority="low">
</ul>

Fetch Priority API を使用してリソースの読み込みを最適化する  |  Articles  |  web.dev https://web.dev/articles/fetch-priority?hl=ja#lower-carousel-priority

CSS 背景として含まれる LCP 画像を早期に検出するには、引き続きプリロードが必要です。背景画像の優先度を上げるには、プリロードに fetchpriority='high' を含めます。

Fetch Priority API を使用してリソースの読み込みを最適化する  |  Articles  |  web.dev https://web.dev/articles/fetch-priority?hl=ja#examples

背景画像でない場合はプリロードも要らないみたいですが

Bloggerだとあまり使いどころは無いですが、テンプレートをカスタマイズしていたり、大きなヘッダーイメージがある場合は有効かと