How to set defer or async attributes on enqueued script tags in WordPress

<?php

	add_action( ‘wp_enqueue_scripts’, function () {

	wp_register_script( ‘my-script’, get_stylesheet_directory_uri() . ‘/assets/js/my-script.js’ );
	wp_enqueue_script( ‘my-script’ );

	} );

	add_filter( ‘script_loader_tag’, function ( $tag, $handle ) {

	if ( ‘my-script’ !== $handle ) {
	return $tag;
	}

	return str_replace( ‘ src’, ‘ defer src’, $tag ); // defer the script
	//return str_replace( ‘ src’, ‘ async src’, $tag ); // OR async the script
	//return str_replace( ‘ src’, ‘ async defer src’, $tag ); // OR do both!

	}, 10, 2 );