ウェブフォントを最適化する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 前のモジュールでは、HTML、CSS、JavaScript、メディア リソースを最適化する方法について学習しました。このモジュールでは、ウェブフォントを最適化する方法について学習します。 ウェブフォントは、読み込み時間とレンダリング時間の両方でページのパフォーマンスに影響を与える可能性があります。サイズの大きいフォント ファイルはダウンロードに時間がかかり、First Contentful Paint(FCP)に悪影響を及ぼす可能性があります。一方、誤った font-display 値が原因で、ページの Cumulative Layout Shift(CLS)の原因となる望ましくないレイアウト シフトが発生する可能性があります。 ウェブフォントを最適化する前に、ブラウザによってウェ
![ウェブフォントを最適化する | web.dev](https://cdn-ak-scissors.b.st-hatena.com/image/square/292d3428719e95bb75ae6d42190e62c66bfecfa5/height=288;version=1;width=512/https%3A%2F%2Fweb.dev%2Fstatic%2Fimages%2Fsocial-wide.jpg%3Fhl%3Dja)