Reduzir recursos (HTML, CSS e JavaScript)

Estas regras são acionadas quando o PageSpeed Insights detecta que é possível diminuir o tamanho de um dos seus recursos por meio de minificação.

Visão geral

A minificação é o processo de remover dados desnecessários ou redundantes sem afetar o processamento do recurso pelo navegador. Por exemplo, a formatação e os comentários de códigos, os códigos sem uso, a redução dos nomes de variáveis e funções etc.

Consulte as otimizações de contexto específico e pré-processamento para saber mais.

Recomendações

É possível reduzir seus recursos HTML, CSS e JavaScript.

  • Para reduzir HTML, use o HTMLMinifier
  • Para reduzir CSS, use o CSSNano e o csso.
  • Para reduzir o JavaScript, use o UglifyJS. O Closure Compiler também é bastante eficaz. É possível criar um processo de compilação que usa essas ferramentas para reduzir e renomear os arquivos de desenvolvimento e salvá-los em um diretório de produção.

Como alternativa, o módulo PageSpeed integra-se ao servidor da Web Apache ou Nginx para otimizar automaticamente seu site, incluindo a minificação de recursos.