defer-javascript-load-in-wordpress.code-snippets.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- This is a code snippets export file generated by the Code Snippets WordPress plugin. -->
<!-- https://wordpress.org/plugins/code-snippets -->
<!-- To import these snippets a WordPress site follow these steps: -->
<!-- 1. Log in to that site as an administrator. -->
<!-- 2. Install the Code Snippets plugin using the directions provided at the above link. -->
<!-- 3. Go to 'Tools: Import' in the WordPress admin panel. -->
<!-- 4. Click on the "Code Snippets" importer in the list -->
<!-- 5. Upload this file using the form provided on that page. -->
<!-- 6. Code Snippets will then import all of the snippets and associated information contained in this file into your site. -->
<!-- 7. You will then have to visit the 'Snippets: All Snippets' admin menu and activate desired snippets. -->
<!-- generator="Code Snippets/2.8.6" created="2017-07-21 15:39" -->
<snippets>
  <snippet scope="2">
    <name>Defer JavaScript load in WordPress</name>
    <desc></desc>
    <tags>javascript, scripts, load, performance, defer</tags>
    <code>/*Function to defer load scripts*/&#13;
function js_async_attr($tag){&#13;
&#13;
# Do not add defer or async attribute to these scripts&#13;
$scripts_to_exclude = array('script1.js', 'script2.js', 'script3.js');&#13;
&#13;
foreach($scripts_to_exclude as $exclude_script){&#13;
 if(true == strpos($tag, $exclude_script ) )&#13;
 return $tag; &#13;
}&#13;
&#13;
# Defer or async all remaining scripts not excluded above&#13;
return str_replace( ' src', ' defer="defer" src', $tag );&#13;
}&#13;
add_filter( 'script_loader_tag', 'js_async_attr', 10 );</code>
  </snippet>
</snippets>