エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Google Fonts の表示最適化 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Google Fonts の表示最適化 - Qiita
Google Fonts についての最適化をちょっと考えてみました。 計測環境の揺らぎがあるかもしれないけど、 ... Google Fonts についての最適化をちょっと考えてみました。 計測環境の揺らぎがあるかもしれないけど、 最適化によって効果が見えたのでまとめます。 Step1: Google Fonts 導入 サブセット化も、何も考慮していない状態です。 読み込みは比較のため CSS 内に @import の読み込みと HTML の link 要素の2つの読み込みにしました。 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap'); WebPageTest での結果です。 わざと重く作っていたので