Concatene e diminua as dependências dos arquivos JavaScript enfileirados

8

Estou carregando um arquivo JavaScript usando wp_enqueue_script no meu tema. No entanto, junto com ele, também estou carregando vários arquivos jQuery, como dependências para o script enfileirado (que já foi concatenado e diminuído pelo Grunt). Aqui está o meu código:

add_action('wp_enqueue_scripts', function() {
    wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true );
});

Para o array de dependências, como eu iria para concatenar e minimizar essas dependências jQuery? Estou tentando fazer com que meu site seja carregado o mais rápido possível, e quanto menos arquivos JS ele tiver que carregar, melhor. Além disso, se fosse possível fazer com que eles fossem carregados de forma assíncrona (usando a propriedade async para <script> tags), isso seria ace.

Eu prefiro fazê-lo sem usar um plugin, mas vou usar um plugin, se necessário.

Obrigado por qualquer ajuda :)

    
por Tom Oakley 31.08.2014 / 00:50

1 resposta

1

Cache total W3 oferece minificação JS / CSS. Eu não estou familiarizado com o processo que eles usam, mas se você está querendo evitar o uso de um plugin, você poderia dar uma olhada no seu código-fonte como eles lidam com isso.

    
por Eric Holmes 21.10.2014 / 19:24