Minificar JavaScript

A redução de arquivos JavaScript pode diminuir o tamanho de payloads e o tempo de análise de scripts. A seção "Oportunities" do relatório do Lighthouse lista todos os arquivos JavaScript não unificados, junto com a possível economia em kibibytes (KiB) quando esses arquivos são minificados:

Captura de tela da auditoria de redução de 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 muito usada. O webpack v4 inclui um plug-in para essa biblioteca por padrão para criar arquivos de build minificados.

Orientações específicas para a pilha

Drupal

Confira se você ativou a opção Agregar documentos JavaScript na página Administração » Configurações » Desenvolvimento.

Joomla

Várias extensões do Joomla podem acelerar seu site concatenando, reduzindo e compactando seus scripts. Há também modelos que fornecem essa função.

Magento

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

Reação

Se o sistema de build reduzir os arquivos JS automaticamente, verifique se você está implantando o build de produção do seu aplicativo. Você pode verificar isso com a extensão de Ferramentas para Desenvolvedores do React.

WordPress

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

Recursos