ページの表示を高速化しようとしたら手法はいろいろあるけどフロントエンドエンジニアができることのひとつに画像のスプライト化ってのがある。 たくさんの画像ファイルをサーバーへリクエストして表示ってのをやるとサーバーの負荷になる。 負荷になると応答が遅くなる。こういうことからリクエスト数を減らせば表示の高速化が見込まれたりするので少しでも快適にページを観てもらおうと思えばやったほうがいい。 https://compass-style.org/ で、ソシャゲーとか作ってるとアクセスは多いし負荷となる処理も多いのでスプライト化は必須ってことが多いんだけど以前はCompassを使ってやるのが一般的だった。 けどCompassがさすがに2年くらい放置(更新されない)されているので仕様がいろいろ古い感じがするし単純にメンテナンスされてないことに不安をがあったりするのでできれば使うのを避けたい。 そうなると
![webpack+spritesmithでページの高速化](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a690b1ed3f1325033f8eeec925afc9f8bbfff26/height=288;version=1;width=512/http%3A%2F%2Fshigekitakeguchi.com%2Fimages%2Fshigeki_takeguchi.png)