結局WebPでどれぐらいページが軽くなったのか

先日の改修で対応ブラウザにはWebPの画像を配信するように設定しました。実際にどれほどの効果があったのか見てみたいと思います。

検証の条件

/* (前略) */
{
    resolve: `gatsby-remark-images`,
    options: {
        maxWidth: 800,
        quality: 90,
        linkImagesToOriginal: true,
        withWebp: true
},
/* (後略) */

結果

IE

Edge

所感