エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[seo] web fontを最適化して100点取る - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[seo] web fontを最適化して100点取る - Qiita
今回はfontの最適化についてです。 最近は静的なページならastroがかなり強いと思いますがweb fontの最... 今回はfontの最適化についてです。 最近は静的なページならastroがかなり強いと思いますがweb fontの最適化は考える余地があります。 今回はそんなfontを最適化する話です。 問題 最初はAstroの公式に載っている方法でFontsourceを入れてやっていました。 --- import '@fontsource/noto-sans-jp/400.css' import '@fontsource/noto-sans-jp/500.css' import '@fontsource/noto-sans-jp/700.css' import '@fontsource/noto-serif-jp/700.css' --- 結果 webfontを入れる前は100点だったのですが、50点に急落。cssがレンダリングブロックしてるとのこと。 これは実は↑で読み込んだfontがバンドルされてるの