コア ウェブ バイタル対策のウェブフォント徹底攻略法！ これでダメならあきらめろ

ウェブフォントは、コア ウェブ バイタルのLCPとCLSの数値を悪化させる可能性がある。簡潔に言うと次のような理由からだ。
●ネットワーク経由でフォントを読み込むのでそのほかの要素の読み込みを遅くするかもしれない（特に日本語Webフォントは影響が大きい）
→ LCPに悪影響
●ウェブフォントの読み込みが遅れることで、読み込まれたときにレイアウトのズレが生じるかもしれない
→ CLSに悪影響
そこで、こちらの記事では、さまざまな技術的な側面からウェブフォントのコア ウェブ バイタル最適化を模索している。最終的に次の3つの対処策を提案している。
●font-display:optionalの利用でCLS悪化を防止
●読み込み時間の短縮化（フォントファイルのサブセット化やフォーマット変更、HTTP/2による分割送信）
●フォントファイルの優先読み込み（preload）

正直なところ、SEOを優先するのであればウェブフォントを利用しないほうがいいという考え方もある。コア ウェブ バイタルに与える影響を心配しなくてもよくなるからだ。最適化に必要なコストもなくなる。
しかしながら、デザイン性を重視するのであればウェブフォントのほうがだんぜん美しく見せられる。

Web FontによるCore Web Vitalsへの影響と使い続ける方法

コア ウェブ バイタルの不良ページがゼロまで減少！ GYAO!はどのようにして表示パフォーマンスを改善したのか？

SEOコンサルタントのまとめ

元記事をよく読んで勉強したいと思います。