JSなしのソーシャルボタンというのを作ってみました。このサイトの各エントリ下部に実装されているものです。 動機 各サービス、JS を読みこんでボタンを表示するタイプのものをメインに提供していますが、ソーシャルサービスへのシェアという機能で外部リソースの読み込みとJSの実行が発生するのは、提供される機能に対して割に合わないのではないかと思っていました。 実際ウェブサイトのパフォーマンスチューニングをしていると、細かいボタンのJSのダウンロード・パース・実行・表示後のリフローが結構多くて気になります。 実装 テストページ https://lowreal.net/2016/sharebuttons/test.html サービス Facebook Twitter Google+ LINE はてなブックマーク HTML+CSS+各サービスのアイコン画像(5つ)です。 各サービスのアイコンをSVGにし
![JavaScript の必要ないソーシャルボタン | tech - 氾濫原](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd429d9b1ce20a6f39aaf905df6080a50520ee66/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2F-_eMjnmqlsOI%2FVw-xH4AzaBI%2FAAAAAAAAeLc%2F2Js9luJkxTYIrf6lYHK2vDeHk976_ANcwCLcB%2Fs2048%2F2016-04-15%252B00.02.26.png)