Hexydec

Take advantage of best in class minification to squeeze every byte out of your HTML, CSS, and Javascript, combine this with the control over cache headers, lazy loading, and more, and your website will not only be noticeably faster, your server will be under less load, enabling you to serve more clients with your existing metal.
The plugin also includes a suite of security features to help you secure your website, including full control over Content-Security-Policy, which enables you to control which domains can embed assets on your website, and what domains you can connect to. This prevents malicious scripts from being able to run and more.
<h4>Features</h4>
<ul>
<li>Site Analysis
<ul>
<li>Environment information</li>
<li>Page information such as MIME type, output size and compression ratio</li>
<li>Asset counts and sizes with recommendations</li>
<li>Performance metrics with descriptions and recommendations</li>
<li>Security metrics with descriptions and recommendations</li>
</ul>
</li>
<li>Minification
<ul>
<li>Minify your HTML (Uses HTMLdoc)</li>
<li>Minify and cache your inline CSS (Uses CSSdoc)</li>
<li>Minify and cache your inline Javascript (Uses JSlite)</li>
</ul>
</li>
<li>Combine Files
<ul>
<li>Combine and minify CSS files</li>
<li>Combine and minify Javascript files</li>
</ul>
</li>
<li>Lazy load images</li>
<li>Headers
<ul>
<li>Set shared cache timeout</li>
<li>Set client cache timeout</li>
<li>Enable client to check whether their cached page is still valid, and send an HTTP 304 response if it is</li>
</ul>
</li>
<li>Security
<ul>
<li>Disable MIME sniffing</li>
<li>XSS protection</li>
<li>Control how the site can be embedded</li>
<li>Enable HSTS to force browsers to only connect over HTTPS</li>
<li>Specify Content-Security-Policy to control what domains can connect and embed content in your site</li>
</ul>
</li>
<li>Preload
<ul>
<li>Select which assets to preload with first load</li>
<li>Preload combined stylesheets</li>
</ul>
</li>
<li>Administration panel to control all features, including all minification optimisations</li>
<li>Print minification stats in the console</li>
</ul>
See the <a href="https://github.com/hexydec/torque" rel="nofollow ugc">Torque Github homepage</a> for more information.

Torque – Optimise the transport of your Website

A Wordpress plugin to optimise the transport of your website to the client. Reduce the load on your server and make your Wordpress website fly!

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.

Torque – Optimise the transport of your Website vs CSS Above The Fold