How To Setup Flying Scripts, Flying Pages, Flying Analytics, And Flying Images

Nobody likes a slow site, in fact, according to some studies, a slow site can affect your sales, traffic, and online reputation.

To fix the site speed and load our site faster, we normally look for plugins that can help us, but most of the plugins out there are heavy and do more harm than good. If you’re using a shared hosting plan, then installing too many plugins would make your site sluggish.

It is really important to find plugins that are lightweight and powerful. Thanks to WPMatters, it is possible to make our site faster without installing any heavy plugins.

WPMatters has released Flying Scripts, Flying Pages, Flying Analytics, And Flying Images. All of them are lightweight and would not impact your server resources too much.

In this tutorial, we’ll look at how to set up them one by one. The tutorial is going to be very simple so make sure to follow everything.

How To Setup Flying Scripts

This plugin is a must for every blogger. We’ll learn everything about it like how it works and how it helps, but first, let’s check out how to set it up.

Step 1: Installation And Activation

The plugin is easily available in the plugin section of WordPress and WordPress.org. Once you find the plugin download it or install it, then activate it.

As you can see, it has over 10,000 downloads and 22 five-star ratings, which is quite good.

Step 2: Adjust Timeout

Once the installation is done, go to the settings and adjust the timeout. The default timeout would be 5 seconds, change it to 3s.

Step 3: Add Keywords

You can also add keywords like gravatar, sharethis, connect.facebook, and discuz in the Keywords area. It will identify the scripts that include these keywords and it will only load those scripts when a user interacts with them. It will improve the loading speed so you should do this.

Also, you can disable Flying Scripts on any page. If you want to disable flying scripts on any page, then simply add the URL in the “Disable On Pages” box.

How does it work?

Flying Scripts helps to delay the execution of JavaScript till there is no user activity. You can specify keywords to add JavaScripts to be delayed. There is also a timeout option that executes JavaScript when there is no user movement.

How does it help?

This plugin helps to delay non-critical Javascripts (that are not required for the initial render). Once you activated Flying Scripts on your blog, you’re prioritizing and providing more resources to critical JavaScript files. This plugin also helps to fix the lighthouse item “fix render-blocking resources”

You can prevent loading your comments plugin and Gravatars for 3s which can significantly speed up initial load times. In fact, Flying Scripts can help you show Gravatars without affecting your GTmetrix scores, which is rare to see.

How To Setup Flying Pages

I love this plugin, it is purely made for users like us. I suggest Flying Pages to everyone because it is so damn good. Setting up Flying Pages doesn’t require any special skill, you just need to install and activate it and it will begin helping your site. till let’s look at the steps you need to take.

Step 1: Installation And Activation

Go to your WordPress dashboard then plugins and then search “Flying Pages”. Install and activate it.

Step 2: Go To The Settings

You’ll see tons of option there but you don’t need to freak out because most of these default settings are perfect and doesn’t need any changes.

It should look something like this:

  • Delay To Start Pre-Loading

It should be 0 seconds because if it is more than that then there is no benefit of using Flying Pages, make sure it is 0 seconds. It is recommended by the developer as well.

  • Max requests per second

3 requests per second are perfect, it is not very less neither very high.

  • Preload only on mouse hover

Don’t enable it as it won’t help you much. However, you can test whether it is helping your user or not, but my recommendation is to keep it disabled.

  • Mouse hover delay

You don’t need to change this either. Leave it as is.

  • Ignore keywords

Adding keywords will stop Flying Pages from preloading the pages that contain the keyword. The developer of Flying pages has already added many keywords, but if you want to add more, you’re welcome.

  • Disable for logged in admins

Keep it enabled, there are 17 other effective ways to increase the admin panel speed.

How it works?

According to the developer, it adds a tiny JavaScript code (1KB gzipped), waits till the browser becomes idle. Then it identifies pages in the viewport and on mouse hover and preloads them.

How it helps?

When a user hovers over a link/URL, that page will be preloaded so that when they really click the link, the page loads almost immediately. 

How To Setup Flying Images

I’ve published a couple of articles on how to optimize images, you must read them because images play a big part in slowing down your site if they haven’t optimized.

Step 1: Installation And Activation

Go to the WordPress plugin area and search for Flying Images. Once you find it, click on Install and Activate.

Step 2: Go To The Settings

The features given by this plugin is quite clear, however, the ideal setup should look something like this:

  • Lazy Load

Enable lazy loading: Enable it as it will improve your site speed. However, WordPress version more than 5.3 has default lazy loading feature.

Lazy Load Method: Select JavaScript only.

Bottom margin: Keep it 500px it is recommended by the developer.

Exclude Keywords: Here you can add keywords that you don’t want to lazy load. By default, Flying images have added your Logo URL/Keyword, if you want to lazy load your Logo as well, then simply remove that keyword from there.

Click on “Save Changes”

  • CDN

Enable CDN: Enable it.

Exclude Keywords: Leave as is.

  • Responsiveness

Enable responsive images: Enable it.

  • Compression

Enable Compression: Enable it.

Compression Quality: It should be 100%

  • WebP

WebP gives 25 – 35% smaller file sizes at the exact identical SSIM (structural similarity) quality index, which means that WebP images have more petite file sizes with the same quality. WebP gives a better all-around combination than JPEG as an image format.

You don’t need to do anything here, Fling Images will handle this part.

How Flying Images Plugin Work?

This plugin compresses images and uses CDN to reduce the loading time of images. Also, using this plugin with Ewww image optimizer can definitely boost your site speed.

How does Flying Images Plugin Help?

It reduces the size of images present on your site which boosts the site speed significantly. Using this plugin might improve your search engine rankings as Google gives preference to fast sites.

Flying Analytics

This plugin may help to fix the Google analytics issue under “Static Assets With An Efficient Cache Policy” in Gtmetrx.

Flying analytics fixes this issue by hosting google analytics locally on WordPress sites. Using it is really simple, just follow the steps below!

Step 1: Installation And Activation

This plugin is also available free in the plugin section of WordPress. Search “flying analytics” in the plugin section to find it.

Step 2: Go To Settings

Once the plugin is installed, go to its settings and enter your Google Analytics tracking ID, select the JavaScript method and click on save changes. It should look something like this:

  • Google Analytics Tracking ID: Find your Google Analytics tracking id, copy it, and paste it here.

How to find the GA tracking ID?

  1. Open Google Analytics and log in to your Analytics Account.
  2. Open Admin Menu
  3. Visit Account Column and Click the Account.
  4. Now go to Property Column and Click the Property.
  5. In Property Section, Click on Tracking Info, you’ll see your Tracking Code.
  6. Now, you can get the Tracking ID as well as Tracking GA Script.
  • JavaScript Method: Select Minimal Analytics.js (1.4KB)
  • Disable For Logged In Admins: Leave as is.

Make sure to save the changes you made.

Advantages of Hosting Analytics Locally

  • Fixes serve static assets with an efficient cache policy Warning.
  • Boost your site’s speed.
  • Increases your GTMetrix, Pingdom, Google PageSpeed Insights scores.
  • Increases your conversion.
  • Reduces Extra DNS Lookup.

Disadvantages of Hosting Analytics Locally

  • Syncing your GA with the most advanced version might be a significant problem.
  • You need to learn about Cron Job.
  • If you use a minimum analytics version then most of the data are not received by Google Analytics.
  • If you are using Woocommerce, then it might cause a problem.
  • You may not receive data for Remarketing or Retargeting while managing Google Ads.

Improve your blog more!

How To Reduce Server Response Time (TTFB) 14 Terrific Ways

How To Eliminate Render Blocking Resources (Powerful Ways)

How To Detect Plugins Which Are Slowing Down Your WordPress Site (Ultimate Guide)

How To Make Fewer HTTP Requests (12 Master Tips)

12 Plugins To Make Your WordPress Site Faster Than Yesterday

It’s A Wrap

Settings up Flying Scripts, Images, Analytics, and Pages is pretty simple, most of the time, you won’t need to change anything. These plugins are a must for new bloggers because they are lightweight and effective.

Developer Gijo Varghese did a phenomenal job, if you want to donate him, you can do it by clicking here.

Thanks For Reading!

Sumit
Sumit

Sumit is a regular contributor to Hostinggrow.com. He has 6 years of experience in blogging, and he loves football, his favorite player is - Lionel Messi (GOAT), but he has no hate for Ronaldo.

Articles: 54

Leave a Reply

Your email address will not be published. Required fields are marked *