Optimization of included JavaScript- and CSS-files can be a very important thing, if you want a faster site. Many WordPress plugins comes with multiple third-party and/or own JavaScript-files that are then often be included on every page of your site. In worst cases you have more than one of the same file included on your site. That slows down your site!
But also "Render blocking" can easily slow down a website. Every external JavaScript- or CSS-file, that is included in the head of your site, blocks the site from rendering, until all files are completely processed. It's a common practice to move all these Scripts and Styles (except critical CSS) to the footer of your site, so the rendering is no longer blocked and your website loads faster.
This is where WP Script Optimizer helps you! It makes it possible to control the output of every registered JavaScript or CSS-file. You can easily create rules for it or deactivate files completely. You can also move files to the footer of your site or vice versa.
Check out the following lists for all currently avaiable and planned features. If you like this plugin, please upvote and comment. That would be really helpful.
What you can currently do with WP Script Optimizer
- Get an overview of all frontend JavaScript and CSS files, that are included on your site (divided in categories)
- Control scripts and styles for as many single pages as you want or simply globally
- Change the positioning (Header/Footer) of specific JavaScripts / CSS or all at once
- Deactivate specific Javascripts or CSS-files completely, if not needed
- Easily create logical rules to control under which conditions a file is included or not (by use of wordpress's conditional tags)
What you can do in future with WP Script Optimizer (planned, but not currently implemented)
- Minify and/or encrypt JavaScript- and CSS-files
- Include your own JavaScript/CSS files or JavaScript/CSS inline code, without do it manually through functions.php
- Add extra code to any registered JavaScript or CSS-file
- Concatenate two or more (or all) files of one type (JS or CSS) to speed up loading times
- Better overview of dependents and its dependencys
- ... feel free to make suggestions :-)
IMPORTANT - Please read:
This plugin can not decide if a file is needed or not needed in a specific situation. Your settings have the potential to break features and functions of your site. If that is the case, you can easily change or delete your settings via the admin panel, so everything will be like it was before.
tl;dr: you have to know what you're doing ;-)
If You had any problems with this plugin, please contact me, so i could fix it. Please don't write a negative review without gave me the chance to correct any issues. Thanks.