Feature-Policyを利用したブラウザ性能Linting

Feature-Policyヘッダーを利用して、ブラウザの機能を許可・制限する方法

• oversized-images : 特定サイズ以上の画像を禁止

• unoptimized-lossy-images : 最適化されていない画像を禁止

• unsized-media : サイズが明示されていない画像には強制的にサイズを指定

• sync-script : 同期スクリプトの実行を禁止

• sync-xhr : 同期AJAXリクエストを禁止

• Opera / Edge / Chrome などが対応中

• ModHeader のChrome拡張で、ブラウザが該当ヘッダーを送信するよう指定可能

[xguru]

たまにPhotoshopで非常に大きく保存された画像が本番サーバーにデプロイされてトラフィックを食ってしまうことがありましたが、ModHeader拡張機能を有効にして見て回れば手軽に確認できそうですね。