critical-path-css-demo
by addyosmani
Above-the-fold CSS generation + inlining using Critical & Gulp
AI summary
Critical CSS demo
A project demonstrating the use of Critical to generate and inline critical-path CSS for improved performance
- stars
- 536
- forks
- 54
- watching
- 17
Similar projects
Found by comparing what the projects do, not just their names.
Page speed optimization demo
A demo project comparing above-the-fold CSS generation and inlining with and without critical-path optimization for improved page speed.
CSS optimizer
Tools to help prioritize and inline critical CSS for better page performance
Weather App
An optimized Angular weather app built with performance-critical CSS optimization
CSS optimizer
Tools for inline CSS optimization and asynchronous loading of stylesheets
CSS extractor
Grunt plugin to extract and inline critical CSS from HTML files
CSS demos
An experimental project showcasing various CSS effects and animations using a single HTML element.
CSS analyzer
Automates critical CSS analysis and optimization using CasperJS
CSS extractor
A Webpack plugin that extracts critical CSS from HTML files and inlines it into the page.
CSS optimizer
Generates critical CSS for optimized performance
WeUI demo
Demonstrates using WeUI in a cross-platform framework
Single-page app demo
A demo application showcasing Clojure and Inertia.js for building a full-stack single-page app
CSS optimizer
A Chrome extension tool to optimize critical rendering path by analyzing CSS usage and providing inlined and cached versions of critical styles.
Image component
A Polymer element for responsive images with Imager.js integration
Disaster platform
A disaster resilience platform that enables users to manage and visualize critical assets and their dependencies, helping communities rebuild faster after natural or man-made disasters.
CMS demo
A basic CMS example built with Laravel to demonstrate core concepts such as authentication, content types, and routing.
