タグ

Webフォントとpreloadに関するokyawaのブックマーク (1)

  • ウェブフォントを最適化する  |  web.dev

    ウェブフォントを最適化する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 前のモジュールでは、HTMLCSSJavaScript、メディア リソースを最適化する方法について学習しました。このモジュールでは、ウェブフォントを最適化する方法について学習します。 ウェブフォントは、読み込み時間とレンダリング時間の両方でページのパフォーマンスに影響を与える可能性があります。サイズの大きいフォント ファイルはダウンロードに時間がかかり、First Contentful Paint(FCP)に悪影響を及ぼす可能性があります。一方、誤った font-display 値が原因で、ページの Cumulative Layout Shift(CLS)の原因となる望ましくないレイアウト シフトが発生する可能性があります。 ウェブフォントを最適化する前に、ブラウザによってウェ

    ウェブフォントを最適化する  |  web.dev
  • 1