wake-up-neo.net

Verketten und minimieren Sie Abhängigkeiten für in die Warteschlange eingereihte JavaScript-Dateien

Ich lade eine JavaScript-Datei mit wp_enqueue_script in mein Design. Gleichzeitig lade ich jedoch auch mehrere jQuery-Dateien sowie Abhängigkeiten für das in die Warteschlange gestellte Skript (das bereits von Grunt verkettet und minimiert wurde). Hier ist mein Code:

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 );
});

Wie würde ich beim Array "Dependencies" vorgehen, um diese jQuery-Abhängigkeiten zu verketten und zu minimieren? Ich versuche, meine Site so schnell wie möglich zu laden. Je weniger JS-Dateien geladen werden müssen, desto besser. Auch wenn es möglich wäre, sie asynchron laden zu lassen (mithilfe der Eigenschaft async für <script>-Tags), wäre dies ein Ass.

Ich würde es lieber ohne ein Plugin machen, aber ich werde ein Plugin verwenden, wenn nötig.

Danke für jede Hilfe :)

8
Tom Oakley

W3 Total Cache bietet JS/CSS-Minimierung. Ich bin nicht mit dem von ihnen verwendeten Prozess vertraut, aber wenn Sie die Verwendung eines Plugins vermeiden möchten, können Sie sich deren Quellcode ansehen, wie sie damit umgehen.

1
Eric Holmes