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>
//会員ユーザーがログイン後、ユーザー名を表示

参考引用元：

http://web-tan.forum.impressrd.jp/e/2013/12/10/16577