Minify JavaScript

Published on Updated on

Translated to: English, Español, 한국어

Minifizar arquivos JavaScript pode reduzir os tamanhos de carga útil e o tempo de análise do script. A seção Oportunidades de seu relatório Lighthouse lista todos os arquivos JavaScript não minimizados, junto com a economia potencial em kibibytes (KiB) quando esses arquivos são minimizados:

Uma captura de tela da auditoria de JavaScript do Lighthouse Minify

Como reduzir seus arquivos JavaScript

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. Terser é uma ferramenta de compressão de JavaScript popular. webpack v4 inclui um plugin para esta biblioteca por padrão para criar arquivos de compilação minimizados.

Orientação específica para pilha

Drupal

Certifique-se de ter habilitado os arquivos JavaScript agregados na administração > Configuração > página Desenvolvimento. Você também pode configurar opções de agregação mais avançadas por meio de módulos adicionais para acelerar seu site concatenando, minimizando e compactando seus ativos JavaScript.

Joomla

Uma série de extensões Joomla podem acelerar seu site concatenando, minificando e compactando seus scripts. Também existem modelos que fornecem essa funcionalidade.

Magento

Use o Terser para minificar todos os ativos JavaScript da implantação de conteúdo estático e desabilite o recurso de minificação integrado.

React

Se o seu sistema de construção minifica os arquivos JS automaticamente, certifique-se de que você está implantando a construção de produção do seu aplicativo. Você pode verificar isso com a extensão React Developer Tools.

WordPress

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

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.