フロントエンドにおいてスピード改善はいつまでも付き合う必要のある課題ですが、世の中の進歩が早過ぎでもはやおっさんには追いつけないレベル…

日々泣きながら色々いじり倒していますが、CDNサービスを利用せず自前のウェブサーバでシンプルな画像配信をしつつ、WebP対応ブラウザにはWebPをそうでない場合はjpgを…　と分けたいなーと思ったら普通にできました。

<picture>
<source srcset="webp画像のURL" type="image/webp">
<img src="webp非対応ブラウザで表示させる画像のURL" class="lazyload">
</picture>

無事導入完了してほっと胸を撫で下ろす元テーブルレイアウト職人でした。

　
　
Pure data 的なものゴリゴリいわして、イキりたい人です。