Your first time on this page? Allow me to give some explanations.
Awesome Critical-Path Tools
Tools to prioritize above-the-fold (critical-path) CSS
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you addyosmani & contributors
View Topic on GitHub:
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
Generate critical css for your web pages
Extract & Inline Critical-path CSS in HTML pages
Finds the Above the Fold CSS for your page, and outputs it into a file
Apache module for rewriting web pages to reduce latency and bandwidth.
Automatic PageSpeed optimization module for Nginx
A grunt plugin that uses Penthouse to extract critical path css
Grunt wrapper for criticalcss
Grunt task to extract & inline critical-path CSS from HTML
A CasperJS script to pull critical CSS information from your page.
DEPRECATED! PhantomJS script to inline above-the-fold CSS for a webpage.
Inline sources (styles, scripts)
replaces link tags with inline style tags + inlines CSS url() calls with data URIs
Inline flagged js & css sources.
Inline critical path CSS and async load existing stylesheets
CSS style loader for Webpack that is optimized for isomorphic (universal) web apps
Async load CSS
Load CSS asynchronously
POC script for loading CSS files asynchronously and conditionally based on body tag classes
optimize your critical rendering path
by Paul Kinlan. Patrick Hamann has an exercise using the snippet you can try out.
Render-blocking issues detection
PageSpeed Insights Reporting for Node
Chrome extension for running PageSpeed tests from inside the browser.
Remove unused styles from CSS