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 redução.

Visão geral

A redução de recursos refere-se à eliminação de bytes desnecessários, como espaços extras, quebras de linha e recuos. A compactação de HTML, CSS e JavaScript pode acelerar o download, a análise e o tempo de execução. Além disso, para CSS e JavaScript, é possível reduzir ainda mais o tamanho do arquivo renomeando as variáveis, desde que o HTML seja atualizado de forma adequada para garantir que os seletores continuarão funcionando.

Recomendações

Reduza seu HTML, CSS e Javascript.

Para reduzir o HTML, use a extensão do PageSpeed Insights para Chrome a fim de gerar uma versão otimizada de seu código HTML. Execute a análise de sua página HTML e procure a regra "Reduzir HTML". Clique em "Ver o conteúdo otimizado" para receber o código HTML otimizado.

Para reduzir CSS, tente o YUI Compressor e cssmin.js.

Para reduzir JavaScript, tente o Closure Compiler, JSMin ou o YUI Compressor. É 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.