how to enqueue, defer or async javascript? Seems like it is moved to somewhere else

[internetpirate11]

Issue Overview

Well I am currently watching wp rig videos https://wprig.io/learn/enqueue-async-or-defer-javascript/ I see no code in functions.php files to change. Seems like it is moved to somewhere else. Can any one say me which file to edit to defer js

[internetpirate11]

hello any reply?

[jacklowrie]

You can set async and defer on individual scripts when you enqueue them in components:

wp_enqueue_script(
    'wp-rig-new-script-name',
    get_theme_file_uri( '/assets/js/new-script-name.min.js' ),
    [],
    wp_rig()->get_asset_version( get_theme_file_path( '/assets/js/new-script-name.min.js' ) ),
    false
);
wp_script_add_data( 'wp-rig-new-script-name', 'defer', true );
// or wp_script_add_data( 'wp-rig-new-script-name', 'async', true );

is that what you mean?