Extract & Inline Critical-path CSS in HTML pages

🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.

🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

An Eleventy starter project built to be fast

PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.

High performance critical css extraction with a great configuration abilities

Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.

A browser widget to extract Critical CSS and Full CSS from a page. Can be used via the browser console.

Starter Project is the easiest way to implement the latest best practices on your project.

Starter Project CLI creates a perfect Gulp development environment within a few minutes.

Eliminate render-blocking CSS in above-the-fold content

📖 PWA for ECMAScript syntax reference

Extracts your critical CSS.

⚙️ Critical plugin for webpack (https://webpack.js.org/)

Gulp plugin for extracting critical path css

Ember CLI addon which wraps Critical, to extract & inline critical-path (above-the-fold) CSS from HTML

Inline critical CSS in HTML page using Puppeteer and Critical-css-parser

Detects Above the Fold styles on sites and assembles a stylesheet of them.

mix.critical()

Get critical (above-the-fold) and the rest CSS using Puppeteer