串联和缩小入队的JavaScript文件的依赖项

时间:2014-08-30 作者:Tom Oakley

我正在使用加载JavaScript文件wp_enqueue_script 进入我的主题。然而,除了它之外,我还加载了几个jQuery文件,以及排队脚本的依赖项(已经被Grunt连接和缩小)。这是我的代码:

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 );
});
对于依赖关系数组,我将如何连接和缩小这些jQuery依赖关系?我正试图让我的网站加载得尽可能快,加载的JS文件越少越好。此外,如果可以使它们异步加载(使用async 的属性<script> 标签)那就是ace。

我宁愿不使用插件,但如果有必要,我会使用插件。

感谢您的帮助:)

1 个回复
SO网友:Eric Holmes

W3 Total Cache 提供JS/CSS缩小功能。我不熟悉他们使用的过程,但是如果你想避免使用插件,你可以看看他们的source code 他们是如何处理的。

结束

相关推荐

用“jquery.cycle.all.js”创建特殊的WordPress幻灯片

我想创建自己的幻灯片而不使用任何滑块插件Shear是我的代码--在页脚中---<script type=\"text/javascript\" src=\"<?php bloginfo( \'template_url\' );?>/js/jquery.cycle.all.js\"></script> <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/