CriticalCSS

CriticalCSS is a CSS optimization toolkit that finds Above the Fold CSS code.

Above the Fold CSS is also known as critical path CSS and is the CSS needed to render the visible part of the page when it first loads.

Google started recommended through PageSpeed Insights that all critical path CSS should be loaded at first, even inlined with the HTML file, and the rest of the CSS files loaded after the page has rendered.

This is because CSS is a page blocking resource that prevents anything from being displayed on the page until it has loaded.

Selecting and separating Above the Fold CSS makes sure the size of this CSS code is kept small and (greatly) speeds up your page.

By opting to use CriticalCSS, developers will analyze their website, separate Above the Fold CSS code in a separate file, load the file first, and then defer any other CSS files after the page has loaded.

Usage instructions are provided with the package's README file.

What is new in this release:

• Removed a condition to exclude display: none elements as it was causing unexpected results.

What is new in version 1.0.0:

• Removed a condition to exclude display: none elements as it was causing unexpected results.

What is new in version 0.6.1:

• Removed a condition to exclude display: none elements as it was causing unexpected results.

What is new in version 0.5.1:

• Removed a condition to exclude display: none elements as it was causing unexpected results.

What is new in version 0.5.0:

• Removed a condition to exclude display: none elements as it was causing unexpected results.

Requirements:

• Node.js 0.10 or higher