The addition did make a difference, as the jQuery is not defined error originating from the. Your scripts’ src attribute will be replaced with itself along with defer and empty onload attributes resulting in them being loaded asynchronously and giving your site a dramatic performance boost. This is THE right way to enqueue script in wordpress. If (strpos($url, 'jquery.js')) return $url Īdd_filter('clean_url', 'defer_js', 11, 1) If (FALSE = strpos($url, '.js')) return $url While this isn’t a perfect solution it’s the most solid I’ve found so far and is what we currently implement here at Go Tripod: // Defer scripts This function allows you to tell WordPress if your script has any dependancies, which you pass through as an array, and WordPress uses this information to load.
Wp enqueue script defer full#
The plugin offers you full control of which scripts to add or exclude an async or defer attribute to increase your WordPress website’s performance.
Wp enqueue script defer free#
Async JavaScript is a free WordPress plugin that helps eliminate render-blocking JavaScript in the above-the-fold content. Instead you’ll need to make use of the wpenqueuescript function from within your theme’s functions.php file. Method 1: Using Free Async JavaScript Plugin. However, if you’re developing a WordPress theme, chances are you won’t simply be able to amend this HTML. Sounds pretty bad for performance, and it is, so we’ll be needing an extra something in our functions.php file. In a previous article I talked about adding the defer attribute to script tags to avoid blocking page render. So we’ve got our scripts loading in the correct order – great! But unfortunately WordPress doesn’t load them asynchronously for you meaning your HTML will pause parsing while the script is downloaded and executed. Because plugins load assets via the wp_enqueue_scripts hook it’s important you do too so your theme plays nice with them. This function allows you to tell WordPress if your script has any dependancies, which you pass through as an array, and WordPress uses this information to load scripts in the correct order thus avoiding any JavaScript errors. Instead you’ll need to make use of the wp_enqueue_script function from within your theme’s functions.php file. As far as I’m aware, WordPress’ built-in functions wpregisterscript() and wpenqueuescript() don’t currently take arguments for defining these attributes. However, if you’re developing a WordPress theme, chances are you won’t simply be able to amend this HTML. If you get down to business with performance optimisation, you could find yourself looking at ways to defer your scripts or even load them asynchronously.
In a previous article I talked about adding the defer attribute to script tags to avoid blocking page render.
0 kommentar(er)
