webp画像が存在する場合に、.jpgや.pngでアクセスが来てもwebpを返す様に変更

[tao-s]

概要(Overview・Refs Issue)

Web Core Vitalsの改善のためにwebp対応した場合の設定を.htaccessに追加

ref: #4896 #4807

方針(Policy)

aaa.jpgがあったらaaa.jpg.webpが生成される想定での設定です。

実装に関する補足(Appendix)

ファイルアップロード時か、バッチでやるかは不明ですが、自動でwebp画像が生成される想定です

マイナーバージョン互換性保持のための制限事項チェックリスト

• 既存機能の仕様変更
• フックポイントの呼び出しタイミングの変更
• フックポイントのパラメータの削除・データ型の変更
• twigファイルに渡しているパラメータの削除・データ型の変更
• Serviceクラスの公開関数の、引数の削除・データ型の変更
• 入出力ファイル(CSVなど)のフォーマット変更

レビュワー確認項目

• 動作確認
• コードレビュー
• E2E/Unit テスト確認(テストの追加・変更が必要かどうか)
• 互換性が保持されているか
• セキュリティ上の問題がないか

[okazy]

画像変換は以下のスクリプトで行いました。

#!/bin/sh

images=`find . -type f -name '*.jpg' -or -name '*.jpeg' -or -name '*.png'`

for image in $images;
do
    cwebp $image -o $image".webp" >/dev/null 2>&1
done

Chrome/webpファイルあり

問題なくwebpファイルが返りました。

Chrome/webpファイルなし

問題なくpngファイルが返りました。

Safari

問題なくpngファイルが返りました。

lighthouse のスコアに有意な差は確認できませんでした。

[okazy]

@tao-s
確認遅くなりました 🙏
動作問題ありませんでした。

4.1の新機能追加については 4.1-feature ブランチにまとめたいと思っています。
お手数なのですが、 4.1-feature ブランチの方にプルリクを出しなおしていただけないでしょうか？
4.1-feature ブランチは 4.0 ブランチベースとなるので、 cherry-pick をしていただく流れになるかと思います。

[okazy]

4.1-feature ブランチ派生に切り替えました。

hub checkout https://github.com/EC-CUBE/ec-cube/pull/4900
git reset --hard c8e55c5bc4b0e20543d61e8d76c5a36784bab565
git cherry-pick 9266f5f14368f143481561aafefdfd542d687bb1
hub push --force

[tao-s]

@okazy ありがとうございます。
別で画像変換+サムネイル生成もPR出しときます

[okazy]

@tao-s
ありがとうございます！取り込みました。
画像変換・サムネイル生成もよろしくお願いします。