Webページをすばやく表示するにはページ内画像のlazyloadや圧縮は不可欠。 けど、毎回画像を圧縮するのは手間だし自動化したい。 そして、なんかモダンな方法でやってみたい。 ってことで、調べていたらこの記事を見つけました。 Amazon CloudFront & Lambda@Edge で画像をリサイズする | Amazon Web Services ブログ 参照記事によると、 リクエストのクエリパラメータに応じて画像をリサイズしてレスポンスを返す webp対応のブラウザには画像をwebpに変換してレスポンスを返す が実現できるとのこと。 お、これ使えば画像の圧縮も簡単にできそう!! しかもS3にオリジナルファイルを残した上で実現できるやーん 😆 さらに動的にリサイズできるからサイズ変更とか追加も簡単そう 💪 ひとまず動作検証したかったので、カスタマイズせずに記事通りにやってみまし