webアイコンは便利だけど、重い

webアイコン。便利でよかったけれど、いざ公開しようと表示速度などを気にしてみると、重い。

特にFont Awesomeは全部のデータを読み込むせいか、重い。googleさんからも重いと表示され、色々探すと必要なアイコンだけ読み込むものがあるとのことで、試してみる。

みなさまの記述にある通り、やってみると、とてもよい。

IcoMoonの使用前

web font

IcoMoonの使用後

web font2

一番下のfont awesome（タイトルと重なっていますが）レンダリングの速さも上がった。点数も上がる。
特に今回は、シェアボタンしか使用していないので、5個ぐらいのために全てを読み込むのはデメリットしかなかったため、変更すべき状況だった。