Flying Scripts: Delay JavaScript to Improve Site Speed & Performance

Description

Download and execute JavaScript on user interaction.

Demo video

Flying Scripts delay the execution of JavaScript until there is no user activity. You can specify keywords to include JavaScripts to be delayed. There is also a timeout which executes JavaScript when there is no user activity.

Why should I use this plugin?

JavaScript is very resource-heavy. By delaying the execution of non-critical JavaScript (that are not needed for the initial render), you’re prioritizing and giving more resources to critical JavaScript files. This way you will reduce render time, time to interactive, first CPU idle, max Potential input delay etc. This will also reduce initial payload to browsers by reducing the no. of requests.

Support

• Official Support Forum
• Facebook Group

Our premium products

• FlyingPress
• FlyingCDN

Our free plugins

• Flying Pages
• Flying Images
• Flying Scripts
• Flying Analytics
• Flying Fonts

Contributors

• Gijo Varghese – WP Speed Matters
• Shay Toder

Installation

1. Visit ‘Plugins > Add New’
2. Search for ‘Flying Scripts’
3. Activate Flying Scripts for WordPress from your Plugins page.
4. Visit Settings -> Flying Scripts to configure

FAQ

What are the ideal scripts to be included?

Any script that is not crucial for rendering the first view or above fold contents. 3rd party scripts like tracking scripts, chat plugins, etc are ideal.

What should I put in include keywords

Any keyword inside your inline script that uniquely identifies that script. For example “fbevents.js” for Facebook Pixel, “gtag” for Google Tag Manager, “customerchat.js” for Facebook Customer Chat plugin.

How is it different from `defer`

defer tells browser to download the script when found and execute it when HTML parsing is complete. When you include a script in Flying Scripts, those scripts won’t be executed until there is a user interaction.

What is user interaction?

Events from the user like mouse hover, scroll, keyboard input, touch in mobile device, etc.

What is timeout?

Even if there is no user interaction, scripts will be executed after the specified timeout.

Reviews

Super straight-forward and effective.

iz4atkal February 13, 2024

Highly recommended!

Sehr gutes Plugin

twinsdz October 12, 2023

It works very well. Thanks a lot.

Good and Efficient

steve-8bm January 31, 2023

Good and efficient plugin. 5 stars

Instant results

Tom Bush January 7, 2023

Sooo easy to set up and a great way to deal with heavy JS from advertising etc. Really simple but brilliant approach to defer until user input. Pagespeed Insights overall score went from 58/70 to 99/100 for mobile & desktop respectively without any other changes (appreciate these values fluctuate anyway but that’s a significant jump even +/- a few points on the final values).

Great Plugin

Tony Hisir October 26, 2022

It saved me a lot of time. Thank you for creating a wonderful plugin.

Awesome plugin solving third party performance issues

Jundell Agbo July 27, 2022

Thank you for making this amazing plugin.

Contributors & Developers

Changelog

1.2.3

• Increased DOM size limit
• Updated “Optimize more” tab

1.2.2

• Fix – Added mouse wheel event for user interaction

1.2.1

• Fix – FacetWP compatibility

1.2.0

• New – Exclude on pages
• New – Set timeout to Never

1.1.9

• Security updates

1.1.8

• [BUGFIX] Disable for admin interface when using W3 Total Cache

1.1.7

• [BUGFIX] Support for W3 Total Cache

1.1.6

• [REMOVED] Unnecessary “scroll” event

1.1.5

• [UPDATE] Set data-type='lazy' instead of type='lazy'. Removed setting type='text/javascript' via JavaScript

1.1.4

• [BUGFIX] Remove event listeners after scripts are loaded

1.1.3

• [UPDATE] Copy updates

1.1.2

• [UPDATE] Minified JavaScript
• [UPDATE] Updated copy, FAQ

1.1.1

• [BUGFIX] Exclude json and other script tags

1.1.0

• [NEW] Load scripts on user interaction
• [REMOVED] Load scripts after delay

1.0.0

• Initial release