addyosmani/critical-path-css-tools resource

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1164 stars · 48 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A curated awesome-list of tools for generating, inlining, and reporting on critical-path (above-the-fold) CSS to improve page load performance. It catalogs Node modules, server-side modules, Grunt tasks, and scripts like Penthouse, Critical, and CriticalCSS.

Use cases

• generate critical above-the-fold css for a page
• inline critical css into html head for faster first paint
• improve pagespeed insights score by eliminating render-blocking css
• find tools to extract above-the-fold styles
• inline stylesheets asynchronously in the footer
• extract critical css during server-side rendering in react apps

When to choose

• you need an overview of the ecosystem of critical-css tools before picking one
• you are optimizing first-paint performance and want options across build systems
• you want a reference list including node modules, grunt tasks, and server modules

When to avoid

• you need a single maintained tool rather than a directory of links
• you need guaranteed active maintenance, as many listed tools are outdated
• you need a non-JavaScript or framework-specific solution not covered by the list

Facets

learning-resource · maturity maintenance

css-framework build-tool developer-tools web-development frontend performance critical-css above-the-fold awesome-list web-performance page-speed css-inlining nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="addyosmani/critical-path-css-tools")