Defer parsing of JavaScript
-
Hi,
I hope that someone can help me!
According to GTmetrix I need to defer parsing of Javascript for:
https://www.gstatic.com/recaptcha/api2/r20160404124926/recaptcha__en.js (166.2KiB)
/themes/customizr-pro/inc/assets/js/tc-scripts.min.js (92.2KiB)
js/jquery/jquery.js (87.0KiB)
/customizr-pro/inc/assets/js/fancybox/jquery.fancybox-1.3.4.min.js (11.7KiB)
/js/jquery/jquery-migrate.min.js (7.3KiB)
/customizr-pro/addons/fpu/front/assets/js/fpu-front.min.js (1.3KiB)(I have removed my domain name for protection)
I have W3 Total Cache installed and I tried to defer Javascript under the Minify settings by enabling ‘JS minify settings’ and selecting ‘combine only’ and entering the required scripts and embed them before body.
However after I have cleared caches, refreshed etc – GTMetrix is still saying that I need to defer the same Javascript. So its not working!
I am using a child theme for Customizr Pro, so I am presuming that this maybe why its not working.
Please note that I use CloudFlare and have it as a registered extension.
I even attempted to use the code below in my child theme function.php but it did not work either.
`// Defer Javascripts
// Defer jQuery Parsing using the HTML5 defer property
if (!(is_admin() )) {
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;
if ( strpos( $url, ‘jquery.js’ ) ) return $url;
// return “$url’ defer “;
return “$url’ defer onload='”;
}
add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );
}if(!is_admin()) {
// Move all JS from header to footer
remove_action(‘wp_head’, ‘wp_print_scripts’);
remove_action(‘wp_head’, ‘wp_print_head_scripts’, 9);
remove_action(‘wp_head’, ‘wp_enqueue_scripts’, 1);
add_action(‘wp_footer’, ‘wp_print_scripts’, 5);
add_action(‘wp_footer’, ‘wp_enqueue_scripts’, 5);
add_action(‘wp_footer’, ‘wp_print_head_scripts’, 5);’—————-
How can I defer this Javascript? Please help.
Thank you
- The topic ‘Defer parsing of JavaScript’ is closed to new replies.