Feature-Policy를 이용한 브라우저 성능 Linting

Feature-Policy 헤더를 이용해 브라우저의 기능을 허용/제한 하는 방법
- oversized-images : 특정 크기 이상 이미지 금지
- unoptimized-lossy-images : 비 최적화된 이미지 금지
- unsized-media : 사이즈가 명시 안된 이미지는 강제로 사이즈 지정
- sync-script : 동기식 스크립트 실행 금지
- sync-xhr : 동기식 AJAX 요청 금지

* 오페라/엣지/크롬 등이 지원중
* ModHeader 크롬확장으로 브라우저가 해당 헤더를 전송하게 지정 가능

[xguru]

가끔 포토샵에서 엄청 크게 저장된 이미지가 실서버에 배포되어서 트래픽을 먹거나 하는 경우가 있었는데, ModHeader 확장 키고 돌아다며보면 편하게 확인 가능하겠네요.