Googleフォントの読み込みを遅延させる方法

政府は何かあるたびにGoogleサービスをブロックします:man_facepalming:。
今日、私のフォーラムの読み込みが非常に遅い(10秒以上空白ページ)ことに気づきました。ヘッダーにGoogleフォントへのリクエストがあり、遅延読み込みされていないことに気づきました。そのため、タイムアウトするまで待機し、その後フォーラムが読み込まれます。

このリクエストを遅延読み込みするにはどうすればよいですか?

「いいね!」 1

コアサイト設定のフォントを使用してみていただけますか?Googleフォントを全く使用しないため、リクエストはローカルになり、そのため、より高速になるはずです。

「いいね!」 2

すでにコアサイト設定を使用しています。

「いいね!」 1

問題の原因となっているフォントはRobotoのようですが、サイトの設定ではArialを使用するように設定されています。そのため、フォントはおそらくテーマから読み込まれていると思われます。

テーマからGoogleのサーバーにアクセスしているインクルードを削除し、サイト設定からRobotoを使用するように切り替えることができます。あるいは、Robotoをダウンロードしてテーマのアセットとして含めることもできます。ローカルで提供されるフォントを使用したテーマコンポーネントの作成ガイドはこちらにあります: Create and share a font theme component

また、@font-faceルールにfont-display: swap;を追加することも試すことができます: `font-display` for the Masses | CSS-Tricks

「いいね!」 4