Font Awesomeの遅いのが改善するかものFontawesome Kit

シェアする

Font Awesomeの速度改善に役立つかも知れません。

Fontawesomeの遅いのが改善するかものFontawesome Kit

Webサイト上にちょっとしたアイコンやソーシャルのロゴなどを表示させる時にFont Awesomeはめちゃくちゃ便利ですよね。

BootStrapとの相性もいいし僕も別のサイトで使っているんですが・・・いかんせん遅い。GTMetrixなどでベンチマークしてみると、fontawesome.comへの接続、特に使ってないWeb Fontの接続待ちの時間が結構ローディング全体に影響してたりして、これがなければなぁ・・・と常々思っていました。

Googleもサイトレスポンス、画面表示速度をかなり評価するようになってきている昨今、このFont Awesome問題も無視できなくなってきた・・・。速度に不満を持っている人も他にもやはりいるようですね。

ここで紹介されている解決方法も手間が多そうだし効かなそうなので、色々探してみると・・・Font Awesomeを無料登録して自分用のキットを作る仕組みが提供されていました。

ここにあるフォームにメールアドレスを登録して、確認メールのURLをクリックすると、自分用のFont AwesomeのURLが発行されます。あとは発行されたタグをページに貼るだけです。

試してみたところ、設定を絞り込むとかなり軽くなりました。とはいえ無料プランだと10Kリクエストなんで・・・先々もとに戻すかも知れません。

まぁあまりFont Awesomeのアイコンを使ってないのであれば、その部分を全部SVGにしてローカルで持ったほうが色々面倒はないかも知れないですね。