How to Defer or Async JS Files On WordPress?

function add_async_attribute( $tag, $handle ) { 
  // add script's id to the array below 
  $scripts_to_async = array( 'jquery-core' ); 
   foreach( $scripts_to_async as $async_script ) { 
   if ($async_script === $handle) { 
   return str_replace( ' src', ' async="async" src', $tag );
   } 
  } 
  return $tag; 
 } 

add_filter( 'script_loader_tag', 'add_async_attribute', 10, 2 );

function add_defer_attribute( $tag, $handle ) {
 // add script's id to the array below
 $scripts_to_defer = array( 'hcb-prism','hcb-script','clipboard');
 foreach( $scripts_to_defer as $defer_script ) {
  if ($defer_script === $handle) {
   return str_replace( ' src', ' defer="defer" src', $tag );
  }
 }
 return $tag;
}
add_filter( 'script_loader_tag', 'add_defer_attribute', 10, 2 );