wooncherk

“Remove Unused CSS” is frequently flagged in Google’s PageSpeed Insights. Indeed, most scenario, around 70% – 80% of a page’s CSS codes are redundant, and can be removed without affecting the overall visual. This happens mainly because WordPress themes and plugins are created as generic solutions that includes a bunch of features that may or may not be used on a particular page.
Example: A theme may come with a bunch of features such as slider, carousel, animation and etc, but your home page may use only the slider feature and your about page may use only the carousel feature. However, for practical reason, it’s virtually impossible to selectively include only the required CSS rules for the features that were enabled on a particular page.
This is where the CSS Optimizer becomes useful. The plugin make calls to <a href="https://zippisite.com" rel="nofollow ugc">ZippiSite</a>‘s CSS Optimizer API to find the required CSS rules on a particular page, and remove the ones that are not needed.

CSS Optimizer – Remove Unused CSS


The plugin simply catastrophically eats up space on the hosting.The site is 5.9 gigabytes. Of these, 3.9 gigabytes is occupied by the plugin cache in the wp-content folder.It's not an optimizer plugin, it's a pest plugin.


Pest plugin

Clean up and remove unused CSS from your website. Also generates Critical CSS to improve PageSpeed Score.

Frank Goossens

Deny Dias

This plugin extends Autoptimize to automatically create critical CSS rules. These rules inject the correct critical CSS in different types of pages to ensure these pages are rendered even before the full CSS is loaded, improving the “start to render time” and user experience. For this purpose the plugin integrates with criticalcss.com, a 3rd party service, to have it generate the critical CSS (see <a href="https://wordpress.org/plugins/autoptimize-criticalcss/#faq">FAQ for info on pricing</a>).
Simply install and activate the plugin (you will need to have Autoptimize up and running), enter your <a href="https://criticalcss.com/?aff=1" rel="nofollow ugc">https://criticalcss.com</a> API key and the plugin will automatically start work to create rules.
If you want to change settings or review the rules, you can find these by clicking the “critical css” tab on the Autoptimize plugin settings screen. There are “installation instructions” and more info in <a href="https://wordpress.org/plugins/autoptimize-criticalcss/#faq">the FAQ</a>.

Autoptimize criticalcss.com power-up

Its configuration definitely has a learning curve, but when you get the hang of it, this plugin becomes essential to your website!

Close to perfect

Autoptimize criticalcss.com power-up adds automated critical css creation to Autoptimize integrating with the https://criticalcss.com service.

CSS Optimizer – Remove Unused CSS vs Autoptimize criticalcss.com power-up