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.

John Teague

Autoptimize is a popular performance plugin for WordPress. Among other features, Autoptimize creates and builds cached versions of optimized asset files descreasing page loading times.
But left unchecked, those cached files can become very large. That can slow page loading, increase web server load, and use unuecessary amounts of disk space.
This companion plugin provides a way to set the maximum allowable cache file size for your site and, if that size is exceeded, automatically clears your Autoptimize cache and allows it to rebuild itself. That’s good.
<h3>Plugin Settings</h3>
<ol>
<li>Navigate to WordPress admin dashboard -> Settings -> Autoptimize Cache Settings</li>
<li>Select from one of the available <code>Maximum cache file size</code> options from the select menu and press the <code>Save Changes</code> button</li>
<li>Please note: You obviously must have Autoptimize plugin installed for this plugin to work</li>
</ol>
<h3>Roadmap</h3>
<ul>
<li>Release first stable versions</li>
<li>Add a time based WP_Cron setting that will clear cache every few days, week, month, etc.</li>
<li>Internationalization improvements</li>
</ul>

Autoclear Autoptimize Cache

My finger can now rest from clicking "save changes and empty cache" in autoptimize.

Great! Thanks

Automatically clear Autoptimize cache if it grows larger then the allowed option.

CSS Optimizer – Remove Unused CSS vs Autoclear Autoptimize Cache