依頼の詳細

フォントについての改善

▼ エピリノ

・エピリノで使用しているグーグルフォントはJosefin Sans になります。
・font-displayのswapに関しては、すでにgooglefontは設定済みになっています。

↓

フォントデータを自サーバに置いて読み込む形（セルフホスト）でpreloadの対応もして確認してみるのが良いと思いました。
https://tm23forest.com/contents/selfhosted-googlewebfonts-psi-okoraren https://mogumogu-design.com/googlefont-yomikomi/

▼ コーポレート

そういえばコーポレートサイトも日本語Noto Sans指定だった

●サブセット化
●自動カーニング　font-feature- settings

メモ

Noto Sansについて気になるツイート
https://twitter.com/wurst_design/status/1353259276358180864

ここまでスピードが違うのにびっくりです！
使うとしたら太さはレギュラーとボールドの2種類に抑えたほうが良いですね

といってもあまり効果は薄いようなので、サブセット化が最適ですかね…
https://jajaaan.co.jp/growth-hack/speed-up/web-font-remove/

NotoSans指定しているエピリノもWebP化と共にサブセット化かも対応すればさらにスピード改善されるかもしれません

※上記記事より引用
＞M PLUS 1p medium を日本語サブセット化した場合
そのままの場合→１MB
サブセット化した場合→346KB
65％ほど削減できました。

▼ コーポレート
https://docs.google.com/spreadsheets/d/11l23er4sN9LJYyhYjR_g7j7o55Gj2bTYsC3t2SDQdzU/edit#gid=1912242781 プレビュー
→全体的にスコア大きく改善しました。
（サブセット化&自サーバーからの読み込み）

▼ エピリノ
https://docs.google.com/spreadsheets/d/11l23er4sN9LJYyhYjR_g7j7o55Gj2bTYsC3t2SDQdzU/edit?usp=sharing プレビュー
→日本語フォントの変更ではないので、
コーポレートほど大きくないが改善しました。
（自サーバーからの読み込み）

▼ 検証に使ったページ
Web Page Test
https://www.webpagetest.org/

PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=ja