Google Webフォントの読み込みを可能な限り高速化する

 (csswizardry.com)
10 ポイント 投稿者 xguru 2020-05-22 | 1件のコメント | WhatsAppで共有

[0] &display=swap は基本

[1] preconnect でフォントのアドレスに事前接続

[2] preload で優先度付きの非同期 CSS Fetch

[3] media="print" onload="this.media='all'" を追加

[4] noscript 対応も含む

関連記事

1件のコメント

 
xguru 2020-05-22

Webフォント最適化の手法に関するいくつかの話 https://showerbugs.github.io/2018-02-02/web-font-optimalization