Webサイト全体をWebP対応する最低限の方法

こちらのブログでもアクセスの多いテーマがGoogleの提唱する画像の新フォーマットのWebPです。

ふと「サイト全体のWebP対応って簡単なシェルスクリプトだけで最低限はできるんじゃない？」と思いつき、簡単なスクリプトを作ってみました。

今ご覧のこのブログサイトと、コーポレートサイトで早速試験運用中ですが、特に問題はなさそうです。

成果はどうか

どのくらいのファイルサイズ削減に繋がったかは、また詳しく報告します。

PageSpeed InsightsとLighthouseのスコアはちょっとだけ上がりました。

画像ファイルサイズに関する監査項目があり、WebPにすると高確率でパスできます(同じGoogle主体のプロジェクトなので笑)。

画像ファイルが多いサイトでは、もしかしたら検索エンジンのスコアリングにも影響があるかもですね。

以上、小規模サイト向けの簡単なスクリプトですが、参考になりましたら幸いです。