Minificar JavaScript

A redução de arquivos JavaScript pode diminuir o tamanho do payload e o tempo de análise de scripts. A seção "Oportunidades" do relatório do Lighthouse lista todos os arquivos JavaScript não reduzidos, além da possível economia em kibibytes (KiB) quando esses arquivos são reduzidos:

Captura de tela da auditoria de Minify JavaScript do Lighthouse

Como reduzir seus arquivos JavaScript

A minificação é o processo de remover espaços em branco e qualquer código que não seja necessário para criar um arquivo de código menor, mas perfeitamente válido. O Terser é uma ferramenta de compactação de JavaScript conhecida. O webpack v4 inclui um plug-in para essa biblioteca por padrão, a fim de criar arquivos de compilação reduzidos.

Orientações específicas para a pilha

Drupal

Não se esqueça de ativar Agregar documentos JavaScript na página Administração > Configuração > Desenvolvimento. Também é possível configurar opções de agregação mais avançadas com módulos adicionais para acelerar o site, concatenando, minificando e compactando os recursos JavaScript.

Joomla

Várias extensões Joomla podem acelerar seu site concatenando, minificando e compactando seus scripts. Há também modelos que oferecem essa funcionalidade.

Magento

Use Terser para reduzir todos os recursos JavaScript da implantação de conteúdo estático e desativar o recurso de minificação integrada.

Reação

Caso seu sistema de compilação reduza os arquivos JS automaticamente, verifique se você está implantando o build de produção do aplicativo. É possível verificar isso com a extensão das Ferramentas para desenvolvedores do React.

WordPress

Vários plug-ins do WordPress podem acelerar seu site concatenando, reduzindo e compactando os scripts. Você também pode usar um processo de build para fazer essa minificação antecipadamente, se possível.

Recursos