Wp Meteor: Review and tutorial

Updated on May 13, 2022 | By

What does Wp Meteor do?

Wp Meteor only loads scripts until after the page gets rendered. This grants you a Pagespeed increase, as Javascript is majorly responsible for page load time.

It basically does what Flying Script does (you can delay all javascript on FS using the *.js keyword).

What it does not do?

It can’t decide what javascript is essential for your website rendering. Therefore, using it may degrade all your core web vitals metrics lcp, cls, and fid since those depend on great optimization of javascript loading not simply delay until user-interaction attribute.

On initial analysis, you may pass on those metrics on lab data, since Pagespeed doesn’t have user interaction and therefore is different from a real-live user. But after you have enough field data you will possibly receive a ‘needs improvement’ or ‘bad’ label from Core Web Vitals.

If your website has ads or menus and your userbase experience depends on it or you want to prevent any issues that may arise from using the delay javascript feature, you can add a javascript from its plugin to the execution compatibility exclusions and avoid errors.

E.g.: if you have a website with +40% users on mobile, you may add the menu javascript theme to the excluded javascript from delaying execution to avoid users having to click two times to get the menu to work(Your overall load time will increase).

If your website has 90%+ customers from desktop, it may be better to delay the menu’s javascript.

Conclusion

Wp Meteor markets itself as Pagespeed optimization and it indeed delivers that successfully. But with Core Web Vitals update and Page Experience becoming a search ranking metric, it may be careful to use it without a specialized review of the website. Consider hiring a WordPress Speed Optimization Expert to avoid layout or functionality issues when using it.

You can use Wp Meteor together with Wp Rocket to maximize your page speed results.

How to use Wp Meteor

Wp Meteor is a free, tested, and up-to-date plugin that lets you load javascript after user interaction. Install it on WordPress and move the bar to “Delay until first interaction”. This will delay all your Javascript till user interaction with a few essential exceptions.

image 4

If you have any issues with the delaying of assets, you can exclude scripts using regular expressions or keywords that match the plugin.

image 5

To find the keyword to exclude, you can either use the asset name or use Chrome Dev Tools; click F12 on Chrome, click the “Network” tab, and hover over “Initiator” to see which file triggered the asset loading:

How to find unused javascript using a Chrome Dev Tools
Analytics.js was initiated by www.googletagmanager.com/gtag, we can use the gtag keyword to delay analytics.js

Place the domain keyword on Wp Meteor.

It supports a variated range of user interaction events. Wp Meteor also has a timeout function that executes JavaScript at a certain time delay, 1s or 2s delay.

Note that not every plugin is compatible with such delays. You should never delay a script that is essential for the initial render, it will break your website. 

WP Meteor is not compatible with Nitropack. WP Meteor is known to have delay issues with the Elementor Offcanvas addon.

Leave a Comment