エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
PageSpeed Insights でレンダリングを妨げる Google Fonts 問題を解決する方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
PageSpeed Insights でレンダリングを妨げる Google Fonts 問題を解決する方法
Web フォントは、サイトの表示スピードに影響を与えるのか?深く考えるまでもなく、この答えは Yes です... Web フォントは、サイトの表示スピードに影響を与えるのか?深く考えるまでもなく、この答えは Yes です。画面描画を少しでも速くするなら、Web フォントを使わないのが望ましいです。 しかしながらサイトのデザイン上、どうしても Web フォントが使いたい。でも PageSpeed Insights のスコアが悪くなるもの避けたい。その2つの要望を満たす手段があるのか?絶対的な方法ではないものの、その要求に答えられる方法の1つを紹介します。 なお、このブログ Webllica は2種類の Web フォントを利用しています。1つはタイトルに用いている Google Fonts の Quicksand と、アイコン系フォントの Font Awesome です。では、これら2つのフォントを使いながらも、レンダリングを妨げないように行っている工夫をご覧ください。 かなり良いスコアに見えるのは、Go