by Willy Bahuaud, Daniel Roch, Grégory Viguier
3.2 (35 reviews)
WP Deferred JavaScripts
Defer the loading of all JavaScripts added with wp_enqueue_script(), using LABJS (an asynchronous javascript library).
Tested up to WP 4.6 (Current: 6.9)
v2.0.5
Current Version v2.0.5
Updated 9 years ago
Last Update on 01 Sep, 2016
Synced 13 hours ago
Last Synced on
Rank
#7,315
-5 this week
Active Installs
1K+
-3.5%
KW Avg Position
7
—
No change
Downloads
159K
+2 today
Support Resolved
0%
—
No change
Rating
64%
Review 3.2 out of 5
3.2
(35 reviews)
Next Milestone 2K
1K+
2K+
1,931
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 995 more installs to reach 2K+
Rank Changes
Current
#7,315
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
3.2
35 reviews
Overall
64%
5
17
(49%)
4
1
(3%)
3
0
(0%)
2
6
(17%)
1
11
(31%)
Tracked Keywords
Showing 2 of 2Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 2.0.5
- Last Updated
- Sep 01, 2016
- Requires WP
- 3.0+
- Tested Up To
- 4.6
- PHP Version
- N/A
Support & Rating
- Rating
- ★ ★ ★ ☆ ☆ 3.2
- Reviews
- 35
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,736
Master Addons For Elementor - White Label, Free Widgets, Hover Effects, Conditions, & Animations
40K+ installs
#929
WP-Sweep
100K+ installs
#284
SSL Insecure Content Fixer
100K+ installs
#293
TinyPNG – JPEG, PNG & WebP image compression
100K+ installs
#307
Frequently Asked Questions
Common questions about WP Deferred JavaScripts
Here is an example: // Normal script enqueue. add_action( 'wp_enqueue_scripts', 'register_canvas_script' ); function register_canvas_script() { wp_register_script( 'my-canvas-script', 'http://exemple.com/myscript.js' ); wp_enqueue_script( 'my-canvas-script' ); } // Don't defer this script. add_filter( 'do_not_defer', 'exclude_canvas_script' ); function exclude_canvas_script( $do_not_defer ) { $do_not_defer[] = 'my-canvas-script'; return $do_not_defer; } Since 2.0.3 you can also use the WP Deferred JS settings pannel! Change LABJS URL wdjs_labjs_src is a filter that allow you to change LabJS URL. ($lab_src, $lab_ver) // for example, I need a specific version of LabJS add_filter( 'wdjs_labjs_src', 'my_labjs_src', 10, 2 ); function my_labjs_src( $src, $ver ) { if ( '2.0' !== $ver ) { // Hotlinking raw github is a bad practice, I did it just for the lulz. return 'https://raw.githubusercontent.com/getify/LABjs/edb9fed40dc224bc03c338be938cb586ef397fa6/LAB.min.js'; } return $src; } HTML5 compatibility If you use HTM5, wdjs_use_html5 is a filter that remove the type="text/javascript" attribute. You can use it this way: add_filter( 'wdjs_use_html5', '__return_true' ); Change a script URL wdjs_deferred_script_src can be used to change the way one of the script is loaded. For example: // Here, I need to add information about the charset. add_filter( 'wdjs_deferred_script_src', '', 10, 3 ); function change_my_script_src( $src_string, $handle, $src ) { // $src_string -> .script("http://exemple.com/myscript.js?v=2.0") // $handle -> my-script // $src -> http://exemple.com/myscript.js?v=2.0 $out = array( 'src' => $src, 'charset' => 'iso-8859-1' ); return '.wait(' . json_encode( $out ) . ')'; }
You may need to execute a script right after its loading. You can use wdjs_deferred_script_wait filter to do it. add_action( 'wdjs_deferred_script_wait', 'after_my_script', 10, 2 ); function after_my_script( $wait, $handle ) { if ( 'my-script' === $handle ) { $wait = 'function(){new MyScriptObject();}'; } return $wait; } Execute a function when all scripts are loaded You may have to use inline JavaScript in your footer. If that's the case, you will have to use that last hook to make it compatible with WP Deferred JavaScripts. You will have to wrap this inline JS into a new function. Then, you will have to use wdjs_before_end_lab to execute it. // This is a fake function that we are wrapping in a new function add_filter( 'before_shitty_plugin_print_js', 'wrap_this_code' ); function wrap_this_code( $code ) { return 'function PluginShittyCode(){' . $code . '}'; } add_filter( 'wdjs_before_end_lab', 'call_shitty_code' ); function call_shitty_code( $end ) { $end .= '.PluginShittyCode()'; return $end; }