![見出し画像](https://assets.st-note.com/production/uploads/images/16029013/rectangle_large_type_2_5df63088454cf852fbbee52152fd264d.jpeg?width=1200)
Webフォントを圧縮して軽くする。
納品間近のサイトの表示速度が異様に遅い…。
特にスマホ表示。
調べてみると原因は幾つかあったのですが、際立った原因の一つがWebフォントでした。
仕様しているフォントの容量は9.2MBと、2.4MBの二つ。
よくよく見るととんでもないウェイトでした…。
これらのせいで60%近くサイト速度を遅らせていたようです。
今更このWebフォントを外す訳にもいかないので、.htaccessで圧縮する方法に至る。
以下のソースを.htaccessに付け足したら、一気に軽減されました。
//以下のフォント
<IfModule mod_mime.c>
AddType font/opentype .otf
AddType font/eot .eot
AddType font/truetype .ttf
AddType application/font-woff .woff
</IfModule>
AddOutputFilterByType DEFLATE font/opentype font/eot font/truetype application/font-woff
</IfModule>
//会員ユーザーがログイン後、ユーザー名を表示
参考引用元: