Linting de desempenho do navegador com Feature-Policy

Como usar o cabeçalho Feature-Policy para permitir/restringir recursos do navegador

• oversized-images : proíbe imagens acima de um determinado tamanho

• unoptimized-lossy-images : proíbe imagens não otimizadas

• unsized-media : força a definição de tamanho para imagens sem tamanho especificado

• sync-script : proíbe a execução de scripts síncronos

• sync-xhr : proíbe requisições AJAX síncronas

• Compatível com Opera/Edge/Chrome e outros

• É possível configurar o navegador para enviar esse cabeçalho com a extensão do Chrome ModHeader

[xguru]

Às vezes acontecia de uma imagem salva em tamanho enorme no Photoshop ser implantada no servidor de produção e acabar consumindo tráfego; parece que vai dar para verificar isso com facilidade ativando a extensão ModHeader e navegando por aí.