https://github.com/angyvolin/gulp-penthouse
Gulp plugin for extracting critical path css
https://github.com/angyvolin/gulp-penthouse
critical-css gulp-plugins penthouse
Last synced: 5 months ago
JSON representation
Gulp plugin for extracting critical path css
- Host: GitHub
- URL: https://github.com/angyvolin/gulp-penthouse
- Owner: angyvolin
- License: mit
- Created: 2017-02-28T06:47:22.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-28T08:31:40.000Z (over 9 years ago)
- Last Synced: 2025-08-25T19:14:11.940Z (10 months ago)
- Topics: critical-css, gulp-plugins, penthouse
- Language: JavaScript
- Size: 1.95 KB
- Stars: 17
- Watchers: 3
- Forks: 8
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gulp-penthouse
Gulp plugin for extracting critical path css
> A gulp plugin based on Penthouse that extracts
> critical path css
> to increase page speed rendering
## Up and running
Installation:
```js
npm install gulp-penthouse --save-dev
```
Example gulp task:
```js
var gulp = require('gulp');
var criticalCss = require('gulp-penthouse');
gulp.task('critical-css', function () {
return gulp.src('./styles.css')
.pipe(criticalCss({
out: 'critical.css',
url: 'http://localhost:9000',
width: 1300,
height: 900,
strict: true,
userAgent: 'Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)'
}))
.pipe(gulp.dest('./dist/css/'));
});
```