Follow for free plugins, new theme releases and theme news
Plugin Description
A ‘Do It Yourself’ WordPress Page Speed Optimization Pack.
Selectively Optimize your CSS/JS Delivery: Load CSS Asynchronously, Delay CSS and JavaScripts until User Interaction, Preload Critical CSS and JavaScripts, and Remove Unused CSS and JavaScripts Files.
This plugin inspired by the mighty Flying Scripts from Gijo Varghese. Using HTML Dom Parser to manipulate your page’s HTML, so we can simply use the keyword of the assets to target them. No need to bother looking for the right CSS and JSS handlers enqueued by our plugins.
Optimizing web pages is really just about controlling how assets are delivered. This plugin gives you the ability to choose different assets to delay / preload / async load / remove on these pages or page-types: Homepages, Page Except Homepage, and Single Post (and Shop page, Product Category page, and Single Product pages if you use WooCommerce).
Features
- Load CSS Asynchronously – selectively load CSS file(s) asynchronously on selected page/page-type.
- Delay CSS and JS until User Interaction – selectively delay CSS load until user interaction on selected page/page-type.
- Preload Critical CSS, JS, and Font Files – selectively preload critical CSS file(s) on selected page/page-type.
- Remove Unused CSS and JS Files – selectively remove unused CSS file(s) on selected page/page-type.
Use case:
- Have CSS files that are only be used in the below the fold area? Delay them.
- Have JS files that are not required in initial page rendering? Delay them.
- Have CSS files that are used in the above the fold area? Preload them.
- Have JS files such as jQuery that are needed to be load since the beginning? Preload them.
- Need to remove “Eliminate Render Blocking Resources” warnings on Google Page Speed Insights? Async or preload them.
- Want to target all of specific plugin assets? Put the plugin keyword or
/folder-name/ to the input fields.
- Want to target only one specific plugin assets? Put the asset file name (eg:
style.min.css) to the input fields (include the folder path if your page has multiple assets with the same file name).
I built this plugin to optimize my Clients’ site. And I can get a very good scores even before activating my caching plugin.
A simple tutorial of how to use this plugin: How to use Optmize More Plugin.
Big thanks to Gijo, without his codes in Flying Scripts, I can never able to build this plugin. Thanks Gijo! 🙂
Optimize your site further. Load faster on GTmetrix, Get better scores on Google Page Speed Insight.
Note: By default, the delay JavaScripts and CSS features are configured to user interaction based. But you can change that using filter. See FAQ.
Optimize More!
Still having trouble to speed up your site and need someone to do that for you? Try my WordPress Speed Optimization Service and get access to the full version of this plugin.
Recommended Plugin
- Optimize More! Images – A simple yet powerfull image, iframe, and video optimization plugin (Lazy load images / iframes / videos, Preload featured images automatically). Also support lazy loading CSS background images.
Disclaimer
This plugin only adds 1 extra row to your database. And it will self delete upon uninstalation.
Screenshots
Async Load CSS (Loading CSS files Asynchronously)
Delay CSS and JS (Delaying CSS and JS files until User Interactions)
Preload CSS, JS, and Fonts (Preloading critical CSS, JS, and Font files)
Remove CSS and JS (Remove Unused CSS and JS files)
