Deferring WooCommerce inlined scripts

fix-inline-woocommerce-js.php

/**
 * Minify to base64 URL and defer WooCommerce script.
 *
 * @param string $js The JS being rendered.
 */
function yournamespace_woocommerce_queued_js( string $js ) : string {
  // Cleanup and get JS inside the wrapper <script> tag.
  $remove_comments_regex = '/(?:(?:\/\*(?:[^*]|(?:\*+[^*\/]))*\*+\/)|(?:(?<!\:|\\\|\')\/\/.*))/';
  $js                    = preg_replace( $remove_comments_regex, '', $js );
  $js                    = str_replace( PHP_EOL, ' ', $js );
  preg_match( '/<script[^>]*>(.*)<\/script>/', $js, $matches );
 
  // Cleanup with soft minification and encode it.
  $minified_js = preg_replace( [ '/\s+\n/', '/\n\s+/', '/[ \r\t]+/' ], [ '\n', '\n ', ' ' ], $matches[1] );
  // phpcs:ignore WordPress.PHP.DiscouragedPHPFunctions
  $url_encoded_js = base64_encode( $minified_js );
  
  // phpcs:ignore WordPress.WP.EnqueuedResources.NonEnqueuedScript
  return '<script type="text/javascript" src="data:text/javascript;base64,' . $url_encoded_js . '" defer></script>';
}
add_filter( 'woocommerce_queued_js', 'yournamespace_woocommerce_queued_js' );