Disable Google Fontsを有効化して表示速度を上げよう！

ヨシキリ

こんにちはヨシキリです。

「Disable Google Fonts」というプラグイン。これ、有効化するとしないでちょっとだけ差が出るんです。

「Disable Google Fonts」はその名の通り、Googleが提供しているWebフォント（Google Fonts）を使えないように（読み込まないように）するプラグインです。

Google Fontsを使えないようにするのはなぜ？

GoogleFontsはおしゃれで個性的なWebフォントが無料・商用利用可なのでとても魅力的です。

しかし、むやみやたらに使うとページの読み込み速度が遅くなってしまいます。

ページの読み込み速度が遅くなると、「この記事を読みたい！」と思ってクリックしても、その記事が表示されるまでに時間がかかってしまいます。

見たいページがなかなか開かれないと「もういいや」と離脱されてしまうことも。

特に日本語のフォントはアルファベットと比べてファイルサイズがとても大きいので、使用はお勧めしません。

どうしてもグーグルフォントを使いたい！という方はアルファベットのフォントのみにした方がいいかと思います。

デザインよりも記事内容重視のブログだとGoogle Fontsは必要ないので「Disable Google Fonts」のプラグインを有効化しちゃいましょう。

ヨシキリ

Google Fontsを使わないからといって、ブログがめちゃくちゃダサくなるわけではありません。このブログもGoogle Fontsは使用していません。

設定方法は、インストールして有効化するだけ。これだけでOKです。

おそらく元から入っているプラグインだと思いますが、もし消してしまっていたらワードプレスのダッシュボードから、

プラグイン＞新規追加＞「Disable Google Fonts」と検索＞インストール＞有効化

これでいけると思うのでやってみてください。

読み込み速度の測定は、GoogleのPageSpeed Insightsにお任せします。自分のサイトのURLを入れて「分析」ボタンをクリックするだけなので是非やってみてください。

ヨシキリでもやってみました。

100点満点中、モバイルが53点でパソコンが76点…。モバイルが圧倒的に低いですね。

モバイルが66点に上がり、パソコンも78点になりました。もちろん「Disable Google Font」しか変更点はないので、こりゃすごい。

他のブログでも同じようにやってみたのですが、

モバイル：59点→60点（1点アップ）

パソコン：67点→67点（変わらず）

という結果でした。微々たる差ですが、ちょっとだけ上がっています。

「Disable Google Fonts」を有効化すると読み込み速度がめちゃくちゃあがる！という訳ではありませんが、

という方はこのプラグインを有効化するといいですね。