Ty Bone

NodeCode

<p>This plugin is a fork of <a href="https://wordpress.org/plugins/wp-minify/" rel="ugc">WP Minify</a> to fix bugs and add features, because it has not been updated since 2012-6-4.</p>
<p>This plugin integrates the <a href="https://github.com/mrclay/minify" rel="nofollow ugc">Minify engine</a><br />
into your WordPress blog.  Once enabled, this plugin will combine and compress<br />
JS and CSS files to improve page load time.</p>
<h4>What has been fixed?</h4>
<ul>
<li>Minify engine updated to version 2.1.7</li>
<li>Cache interval option has been fixed</li>
<li>Move CSS-@imports to the top of the output</li>
<li>Bottom CSS- and JavaScript output fixed</li>
<li>Support for script tags without <code>type="text/javascript"</code></li>
<li>Detection of protocol-relative URLs as external file (e.g. Google AdSense)</li>
<li>New option for the HTML5 async attribute</li>
<li>A separate JavaScript file in the footer is now possible</li>
</ul>
<h4>How Does it Work?</h4>
<p>WP Minify Fix grabs JS/CSS files in your generated WordPress page and passes that<br />
list to the Minify engine. The Minify engine then returns a consolidated,<br />
minified, and compressed script or style for WP Minify to reference in the<br />
WordPress header.</p>
<h4>Features</h4>
<ul>
<li>Easily integrate Minify into your WordPress blog.</li>
<li>Minifies JavaScript, CSS, and HTML.</li>
<li>Debug tools to help you debug your issues.</li>
<li>Ability to include extra JS and CSS files for Minifying.</li>
<li>Ability to exclude certain JS and CSS files for Minifying.</li>
<li>Minified JS and CSS files can be placed wherever you want.</li>
<li>Support for to minifying external files via caching.</li>
<li>Ability to pass extra arguments to Minify engine.</li>
<li>Expire headers for minified JS and CSS files.</li>
<li>Detection and elimination of duplicate sources.</li>
<li>Plugin hooks!</li>
</ul>
<p>You can also commit changes on our <a href="https://github.com/nodecode/wp-minify-fix" rel="nofollow ugc">Github repository</a>.</p>
<h3>License</h3>
<p>All contents under the wp-minify-fix/min/ directory is licensed under<br />
<a href="http://www.opensource.org/licenses/bsd-license.php" rel="nofollow ugc">New BSD License</a> (which is<br />
<a href="http://www.gnu.org/copyleft/gpl.html" rel="nofollow ugc">GPL</a> compatible).  All other<br />
contents within this package is licensed under GPLv3.</p>


WP Minify Fix

Doesn't seem to work

Good job and simple

[Fixed] This plugin uses the Minify engine to combine and compress JS and CSS files to improve page load time.

Blogestudio

Pau Iglesias

<p>Improve user experience by having your above-the-fold (top of the page) CSS styles in-page.</p>
<p>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.</p>
<p>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.</p>
<p>This plugin enables a special open and close tags that you can insert editing your style.css theme file to surround pieces of code:</p>
<p>[css-above-the-fold]</p>
<p>… Your theme CSS code fragment …</p>
<p>[/css-above-the-fold]</p>
<p>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:</p>
<h3>1. Comment whole section</h3>
<p>The easiest way, the CSS is rendered only in the head but not in the stylesheet.<br />
This kind of markup does not allow to use your own CSS comments inside the fragment.<br />
Take care to use this way only when the plugin is active, because you are commenting some parts of your theme stylesheet.</p>
<p>/* [css-above-the-fold]</p>
<p>… CSS code fragment …</p>
<p>[/css-above-the-fold] */</p>
<h3>2. Comment only the tags</h3>
<p>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.<br />
This way is plugin-independent, and your theme stylesheet will keep running with this plugin activated or not.</p>
<p>/* [css-above-the-fold] */</p>
<p>… CSS code fragment …</p>
<p>/* [/css-above-the-fold] */</p>
<p>You can use these two kinds of markup combined in your CSS File.</p>
<p>The resulting CSS fragments introduced in the header are compacted and minified.</p>
<p>This plugin only read the style.css file when it is modified, and stores the results using the WP options API.</p>


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.

WP Minify Fix vs CSS Above The Fold