addyosmani / Critical Path Angular Demo
Above-the-fold CSS generation + inlining using Critical, Gulp & Angular
Stars: ✭ 58
Programming Languages
javascript
184084 projects - #8 most used programming language
Critical-path demo using AngularJS
Above-the-fold CSS generation + inlining using Critical & Gulp
Compare the normal output with the critical-path CSS optimized version.
PageSpeed results for before:
and after:
Installation
$ cd critical-path-angular-demo
$ npm install && bower install
Usage
You have two options:
The normal build:
gulp
Build including critical-path CSS extraction & inlining:
gulp critical
Either option will write the output to the dist
directory.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].