WEBフォント（Noto Sans JP）を軽量化すべきかどうか。

Question

ふと気になったのですが、
Noto Sans JPを使う場合、
軽量化して実装するのが正解なんでしょうか？

GoogleのPageSpeedInsightsでチェックをすると、フォントが重いと指摘されるので、
軽量化するのが正解なのかな、とも思えますが、
CDNで読み込めば、他のどこかのサイトでNoto Sans JPを読み込んだ事がある場合に高速で再利用できるんですよね？
それなら皆が皆、軽量化したNoto Sans JPを個別に読み込ませるより、
一度読み込んだことのあるNoto Sans JPをそのまま使ってもらったほうが、
軽量化の際に削られることが多いfont-weightも削らずに使うことができるし、そうしたほうがいいのかな？とも思いました。

Noto Sans JPはたくさんのサイトで利用されているので、
Noto Sans JPを読み込んだことがある、という条件をクリアするのはそんなに難しくないのかな？という予想のうえでの仮設なのですが、
実際どうなんでしょうか？？

Answer 1

GoogleのPageSpeedInsightsでチェックをすると、フォントが重いと指摘されるので、

今回の質問は、このPageSpeed Insightsが、どの段のどの部分で点数を出しているかが重要になってきます。
すなわち、下記基準です。

• リソースのキャッシュの最大ライブ時間を一ヶ月以上にしているか
• リソースを圧縮しているか、Webページで使用しているもののみとしているか

CDNを使用すれば、一つめはクリアできるでしょう。
しかし、二つ目は、どうしてもフォントファイル自体を変えるしかありません。
（使用している文字のみのフォントファイルにしなければ警告は外せない）
よって、Webフォントファイルに関しては、二つ目は現実的ではないので、
他の最適化でカバーするしかありません。

Comments

[miyabi_pudding]

（PageSpeed Insightsの採点基準が最近は特に厳しくて56したくなります）

[H40831]

なるほど確かにそうですね。
今回の質問は、フォント選定段階での疑問だったので細かいところまでは意識していなかったのですが、
PageSpeed Insightsの、リソースを圧縮に関する指摘に対応することが目的であれば、必然的にCDNという選択はなくなるのですね。
そうすると、Google fontsのCDN利用はGoogle PageSpeed Insightsでは非推奨ということになるんでしょうか…

Noto Sans JPをCDNで読み込ませている作成中のアプリをPageSpeed Insightsにかけてみたところ、
フォントに関する指摘はでませんでした。
作成中でまだ全体的に軽いので指摘するほどでもないということなのか、
それともgoogle fonts指定のimport文を使うことによって「ウェブフォント読み込み中の全テキストの表示」（https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown）という基準を満たしたからなのか、
何が効いたのかはよくわかりませんが…。

PageSpeed Insightsの採点基準は、１００点をとらせない、課題をゼロにしない（＝改善しようと思えばいくらでも改善できる）ことを重視してるのかもしれませんね…笑

[miyabi_pudding]

> Google fontsのCDN利用はGoogle PageSpeed Insightsでは非推奨ということになるんでしょうか…

ほんと、これなんですが、ぶっちゃけGoogleさん、めちゃ矛盾してるんですよね。
Analyticsがその最たる部分で、
Googleが提供しているscriptのくせして、いくつか、PageSpeed Insightsの採点にひっかかります。

ですが、非推奨とかそのようなことはなく、

> Noto Sans JPをCDNで読み込ませている作成中のアプリをPageSpeed Insightsにかけてみたところ、
フォントに関する指摘はでませんでした。

となるのであれば、それでも大丈夫だと思いますよ。

PSIに関しては、ほんとにいつも疑問しか残らないです。
ただ、よくよく調べてみると、
PSI対応の落とし穴みたいなことを取り上げている記事もあるので、
PSI対応の意義自体の調査もしてみるといいかもしれません。

あくまで優先すべきは、ページの実スピードと、それに伴うUXですからね。