Plugin Organizer Boosts Speed
Plugin Organizer is a very useful plugin for WordPress. In terms of plugins, it is very old as it was written in 2012 when responsive design was in it’s infancy. However, the plugin has stood the test of time, and provides the basis for a really good trick that helps websites built with page builders such as Elementor, DIVI, or WP Bakery etc.
What the plugin does is stop the loading of plugins on pages. What makes this work so well is that it can also stop the loading of plugins by device. With mobile speeds being far slower than desktop speeds, this can prove very useful. It can also help if a plugin does not suit the restricted layout of a mobile device, but does suit the desktop layout.
Restricting the loading of JS heavy plugins on mobile devices can make a big difference to your pagespeed scores. But it’s not just restricting loading that makes this plugin so special. It also has complete flexibility when combined with the HTML Snippets Plugin. Using the two together allows you to selectively load content on desktop, but leave it out on mobile.
This is a content lightbulb moment, as it stops Lighthouse reporting on any video when you have hidden it on mobile in the page builder. If you have hidden a video on mobile, check your mobile scores. Is the video still being reported on your mobile report? If so, I will explain how to fix this below.
Using Plugin Organizer
The first thing to do is Install Plugin Organizer and activate it. After you have done this, go to the plugin settings page in your WordPress Dashboard
THE MOST IMPORTANT THING
In the settings, make sure ‘Selective Loading’ AND ‘Selective Mobile Loading’ are switched on. This gives you control of loading different plugins on different devices. If you then go to ‘Global Settings’ in the plugin settings, you can see which plugins you want to load / unload site wide. Just click each one to go green for ‘on’ or red for ‘off’.
One thing to note here is where it says ‘Platform’. You can click this to go for standard (Desktop) or Mobile. Click ‘Mobile’ and individually set the plugins to turn off loading on mobile only.
If you then go to edit each page individually and scroll right to the bottom, you will see a load of green bars. That is the plugin organizer. Here you can set the plugins to load / unload on that page only. The ones you previous turned off globally will be red. Ones that are allowed to load will be green. Just click the green bar to turn it on / off for that page, remembering to alter the platform to ‘Mobile’ to turn off the plugin on mobile. This is perfect for branding / landing pages, where you may have some larger plugins you want to load up on that page only for visual purposes.
It’s very simple to get used to, and it allows you total control over what plugins you want to load, where, and on what devices.
Combining With HTML Snippets
If you have Plugin Organizer installed, go and install HTML Snippets. Then go to the HTML Snippets plugin settings and click ‘Add New Snippet’. From here, put in the HTML code for any content you do not want to load on mobile. Tip – a lot of page builders have a video module that you just put the video into. If you want to display a video on desktop only, use HTML code to display a video in the snippet, rather than in the page builder itself.
Save the snippet. Then once you have saved it, simply take the existing video or content out of the page itself, and replace it with the shortcode that HTML Snippets has given you for your new video / content using the ‘Custom HTML’ option. Now load it up. If all is well, the content will be showing on desktop and mobile.
Now the last step. On the page where the content is, scroll down to the bottom of the page, and disable plugin organizer on mobile. Now check your mobile again. The video should not be there. Now clear your caches and do another pagespeed test. See that the video is loading on desktop, but has disappeared from your mobile report – with a much lighter page and faster fully loaded time!
Going Even Further
Any Other Useful Tips?
I generally only use it on mobile content, restricting the loading of large amounts of content to increase mobile scores.
WHAT ABOUT SCRIPTS?
Glad you asked! This is the other thing that Plugin Organizer really helps with. Many plugins like Slider Revolution have a disable on mobile feature, but they do not really disable everything which results in unnecessary scripts being loaded up. Slider Revolution won’t load the slider itself. but WordPress will still load the scripts themselves. This is the only easy way to completely disable those scripts on mobile devices, saving huge amounts of load time and increasing your pagespeed.