Web FontによるCore Web Vitalsへの影響と使い続ける方法｜平大志朗

だれかWebのチョットワカル人、 「(日本語など大容量の)Web FontのCore Web Vitalsへの影響 使い続ける方法とその是非」 を記事に書いてほしい。。。 preload頼りでいいんだろうか。どのくらい失敗するんだろうか…… — 辻正浩 | Masahiro Tsuji (@tsuj) January 20, 2021 私自身も、WebフォントがどれくらいCore Web Vitals影響するのか、影響を回避しながらWebフォントを使う方法がハッキリ分かっていなかったので、調査してみました。 本投稿はWEB上から入手できる情報源をもとに内容をまとめています。情報の正確性には留意していますが、私の独自の解釈・予想も含まれています。以上から、本情報はいち見解として捉えていただきますようお願い致します。WebフォントによるCore Web Vitalsへの影響とはCore Web

[kemba]

Web FontとCLS問題。解決にむけわかりやすい。今後も情報を追っていく必要がある。。。Web Fontの必要性が高くないので、使用中止を選択する。

[ryo_n574]

フォントのサブセット化は一般的に使うやつをサクッと使えるように用意しとけたらいいかな

[hachiame]

"link="preload"によるWebフォントの読み込み"

[goripom4]

丁寧にまとめていただきありがたい。ここまでしてWeb Fontを使わなければいけない理由は何か、見直しも必要だなぁ。

[flirt774]

丁寧な解説。CMSによる可変テキストだとサブセット出来ないのつらい

[nc44v-134-nvtyqfgq]

web font は lcp と cls に影響でるのはよく聞く話。それを display:optional; と preload と日本語フォントのサブセット化等の手法で回避していきましょうという話

[tonkotutarou]

あーこれはありがたい

[kazema_tsu]

サイト要件によると思うが、ここは今後選択肢として考慮すべき。

[kuracom]

サブセットとpreloadの効果測定。うちの案件でRounded M+使ってるけどタイトルだけなら常用漢字まででも十分問題なし。

[tailtame]

本文はフォント設定しないで欲しい……。Google Fontで一部の文字しか使わないのだったら &text= を使って欲しいなぁ…と思う(ﾟεﾟ)　草なぎみたいな表記になるのだろうか。使わない感じは多いよね。

[ym1983]

CoreWebVitalsを考慮した上で、Webフォントを使う方法。Webフォントが与える影響から対処方法などを紹介されていてわかりやすいです。