こんにちは、フロントエンドエンジニアのザワです。 この夏、いい思い出はつくれていますか? そうでもない? でも、嫌な思い出は全部圧縮しちゃえばいいじゃない! ということで、今回はフロントエンドのパフォーマンスを考える上で避けては通れない、画像圧縮のタスクを作ってみたいと思います。 「作る」と言っても、公開されているnpmパッケージを組み合わせて画像圧縮タスクを作っていくかたちになります。出来合いの惣菜を組み合わせて、簡単にお弁当を作るイメージですね。記述量も短く、すぐにできてしまうためにちょっと不安になりますが(これで本当にうまく動いているのかな、ってね)、惣菜だってレンジでチンするだけで美味しく食べれるんだから、理屈としては充分でしょう。 ちなみに「画像圧縮しよう」と心に決めた場合、npm scriptsだったり、ツールを使ったり、など選択肢はたくさんあります。 我が社が誇るスーパーフル