Minificar arquivos remove espaços, comentários e caracteres desnecessários, enquanto combinar os arquivos reduz o número de solicitações ao servidor. Ambas as práticas são essenciais para melhorar o desempenho do site.
Por que é importante:
- Reduz o tamanho dos arquivos.
- Diminui o número de requisições HTTP.
- Melhora a pontuação em ferramentas como Google PageSpeed Insights.
Passo a passo de implementação:
Adicione este código ao functions.php
para combinar e minificar CSS e JS:
function combine_and_minify() {
// Combinar e minificar CSS
wp_enqueue_style('custom-combined-style', get_template_directory_uri() . '/css/combined.min.css', [], null);
// Combinar e minificar JS
wp_enqueue_script('custom-combined-script', get_template_directory_uri() . '/js/combined.min.js', [], null, true);
}
add_action('wp_enqueue_scripts', 'combine_and_minify');
Minifique os arquivos manualmente usando ferramentas como UglifyJS e CSS Minifier e combine-os em um único arquivo combined.min.css
e combined.min.js
.
Resultados esperados:
- Menos solicitações ao servidor.
- Arquivos CSS e JS otimizados e combinados.
Conclusão:
Minificar e combinar arquivos manualmente oferece controle total sobre a otimização, tornando o site mais rápido e eficiente.