critical-path-angular-demo
by addyosmani
Above-the-fold CSS generation + inlining using Critical, Gulp & Angular
AI summary
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.
- stars
- 60
- forks
- 11
- watching
- 8
Similar projects
Found by comparing what the projects do, not just their names.
Critical CSS demo
A project demonstrating the use of Critical to generate and inline critical-path CSS for improved performance
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 optimizer
A Grunt plugin for extracting critical path CSS to improve page speed rendering.
Page interaction analyzer
Helps measure and analyze performance of web page interactions using the Navigation Timing API
CSS demos
An experimental project showcasing various CSS effects and animations using a single HTML element.
Inertia demo
An application demo showcasing Inertia.js and Svelte to demonstrate its capabilities
CSS optimizer
Generates critical CSS for optimized performance
Demo app
A demo application to illustrate how Inertia.js works in a Laravel project.
CSS extractor
Grunt plugin to extract and inline critical CSS from HTML files
Angular demo
An Angular 2 application showcasing integration with various libraries using Webpack and TypeScript
Page transition demo
An article demonstrating various multi-layer page transition effects using CSS animations.
Demo viewer
Provides an instant preview and integration with Jsfiddle for Vue.js demos
Image analyzer
Tools for analyzing and optimizing image sizes on web pages
