ソーシャルボタンはアクセスアップには当然設置しておいた方が良いですが、公式なボタンだと JavaScript のボタンもあるのでこれが読み込み速度を低下させます。 表示が数秒遅いだけでも離脱率が上がります。 さらに画像を使わなければもっと軽くなると思ったのでCSSとアイコンフォント( Font Awesome ) で JavaScript を除いた重くならないオリジナルソ-シャルボタンを作ってみました。 アイコンフォント Font Awesome を導入していないならまず Font Awesome を使えるようにします。 Font Awesome はHTMLの<head>~</head>の間に<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
![CSSだけ!画像・JavaScriptなしのSNSボタン - Paritto](https://cdn-ak-scissors.b.st-hatena.com/image/square/28c44e6f2cbd6fe958065e529700fb6628e98bf4/height=288;version=1;width=512/http%3A%2F%2Fblog-imgs-74-origin.fc2.com%2Fp%2Fa%2Fr%2Fparittoweb%2Fe-8-1.png)