私が取り組んでいる Web サイト ( https://obkio.com/ ) では、ホームページに CLS の問題があります。上部の青いセクションの背景画像は画面の幅いっぱいに表示されるはずですが、読み込み中は数秒間表示されません。左右のマージンが見られます (ネットワーク速度を「低速 3G」に絞ると、問題がより顕著になります)。
cssが適用される前に画像がロードされているようです。
問題を解決する方法が気になります。HTML に直接スタイルを追加しようとしましたが、うまくいきませんでした。
そのように：
<img ... style="width: 100%; object-fit: cover;" />