Webページをすばやく表示するにはページ内画像のlazyloadや圧縮は不可欠。 けど、毎回画像を圧縮するのは手間だし自動化したい。 そして、なんかモダンな方法でやってみたい。 ってことで、調べていたらこの記事を見つけました。 Amazon CloudFront & Lambda@Edge で画像をリサイズする | Amazon Web Services ブログ 参照記事によると、 リクエストのクエリパラメータに応じて画像をリサイズしてレスポンスを返す webp対応のブラウザには画像をwebpに変換してレスポンスを返す が実現できるとのこと。 お、これ使えば画像の圧縮も簡単にできそう!! しかもS3にオリジナルファイルを残した上で実現できるやーん 😆 さらに動的にリサイズできるからサイズ変更とか追加も簡単そう 💪 ひとまず動作検証したかったので、カスタマイズせずに記事通りにやってみまし
![Amazon CloudFront & Lambda@Edge でリクエストに応じて自動で画像リサイズする仕組みを試してみた - 49hack](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c7d95f3e7f213b3384626cec31f68b5f805263a/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fp%2Fparanishian%2F20181115%2F20181115180417.png)