Web における画像ロードベストプラクティスPicture perfect images with the modern <img> element - Stack Overflow Blog という記事によくまとまっている。 また、関連して Priority Hints の fetchpriority 属性とあわせて紹介する。 導入として、Web における画像のペイロードは大きくなる一方で、Core Web Vitals にも大きく影響している。 Largest Contentful Paint のために、<link rel="preload"> や fetchpriority 属性でヒーロー画像のリクエストを早めたり、srcset 属性や <source> 要素で適切なフォーマットの画像をロードし、画面外の画像は loading 属性でロードを遅らせる Cumulative Layout Shift のために、画像の縦横サイズを
