Arevico

Every admin wants to have their website loaded as fast as possible. A fast website results in more actions per visitors and higher conversions (signups, shares, reads, comments,etc).
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/gLMxXUETQOc?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
CleanerPress tries to give you some more control over what is outputted to the user. It currently does te following:
<ul>
<li>Combine CSS stylesheets and caches it. Only static css files are returned to the user. – make sure to chmod the folder is needed</li>
<li>Remove the admin bar if you don’t want to have it</li>
<li>Hide version numbers, RSS, WLW endpoints to reduce html size and give hackers a harder time.</li>
<li>Loading all of your scripts via HeadJS. This means that the amount of request doesn’t matter, the website gets rendered 2-4 times faster. Will also be applied to the admin area</li>
<li>Load jQuery from the google cdn, so the visitor allready has it cached (well, 90% of the times)</li>
<li>select which plugins are loaded where 
** NOTE: All options can safely be enabled and don’t affect seo negative (speed is good). **</li>
</ul>

CleanerPress

Every admin wants to have their website loaded as fast as possible.CleanerPress tries to give you some more control over what is outputted to the user

Blogestudio

Pau Iglesias

Improve user experience by having your above-the-fold (top of the page) CSS styles in-page.
Even if the rest of the CSS files take a seconds to load, these specific CSS styles displayed from the head section ensure a quick rendering of your page and better score in testing systems like Google Page Speed Insights.
But you do not need to maintain two separate stylesheets, just select specific fragments of your theme style file with a special markup to create an above-the-fold styles joining the CSS fragments in the head section.
This plugin enables a special open and close tags that you can insert editing your style.css theme file to surround pieces of code:
[css-above-the-fold]
… Your theme CSS code fragment …
[/css-above-the-fold]
But this syntax is not an standard CSS, so you need to include this tags between CSS comments, there are two ways to do it:
<h3>1. Comment whole section</h3>
The easiest way, the CSS is rendered only in the head but not in the stylesheet. 
This kind of markup does not allow to use your own CSS comments inside the fragment. 
Take care to use this way only when the plugin is active, because you are commenting some parts of your theme stylesheet.
/* [css-above-the-fold]
… CSS code fragment …
[/css-above-the-fold] */
<h3>2. Comment only the tags</h3>
The unobtrusive way, it allows you to include comments inside fragments, but the fragments are rendered both in the head section and the CSS file. 
This way is plugin-independent, and your theme stylesheet will keep running with this plugin activated or not.
/* [css-above-the-fold] */
… CSS code fragment …
/* [/css-above-the-fold] */
You can use these two kinds of markup combined in your CSS File.
The resulting CSS fragments introduced in the header are compacted and minified.
This plugin only read the style.css file when it is modified, and stores the results using the WP options API.

CSS Above The Fold

Good idea for a plugin. Works perfectly. Thanks.



Good idea

Faster CSS browser rendering displaying selected fragments of your theme stylesheet file directly into the head section.

CleanerPress vs CSS Above The Fold