All Projects → angyvolin → gulp-penthouse

angyvolin / gulp-penthouse

Licence: MIT License
Gulp plugin for extracting critical path css

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to gulp-penthouse

crittr
High performance critical css extraction with a great configuration abilities
Stars: ✭ 39 (+178.57%)
Mutual labels:  critical-css, penthouse
gulp-spsync
Gulp plugin for synchronizing local files with a SharePoint library
Stars: ✭ 57 (+307.14%)
Mutual labels:  gulp-plugins
beginner-windows-npm-gulp-webdev-tutorial
Beginner guide for users on web development with node.js/npm + gulp terminal commands. You'll learn how to use other terminal commands like git, gulp, bower, yarn, and more!
Stars: ✭ 40 (+185.71%)
Mutual labels:  gulp-plugins
critical-css-widget
A browser widget to extract Critical CSS and Full CSS from a page. Can be used via the browser console.
Stars: ✭ 35 (+150%)
Mutual labels:  critical-css
used-styles
📝All the critical styles you've used to render a page.
Stars: ✭ 100 (+614.29%)
Mutual labels:  critical-css
gulp-webdriver
gulp-webdriver is a gulp plugin to run selenium tests with the WebdriverIO testrunner
Stars: ✭ 77 (+450%)
Mutual labels:  gulp-plugins
gulp-texturepacker
Gulp plugin for TexturePacker
Stars: ✭ 12 (-14.29%)
Mutual labels:  gulp-plugins
gulp-iife
A Gulp plugin for wrapping JavaScript code in IIFEs.
Stars: ✭ 39 (+178.57%)
Mutual labels:  gulp-plugins
gulp-kraken
Gulp plugin to optimize all your images with the powerful Kraken.io API
Stars: ✭ 19 (+35.71%)
Mutual labels:  gulp-plugins
critical-plugin
⚙️ Critical plugin for webpack (https://webpack.js.org/)
Stars: ✭ 17 (+21.43%)
Mutual labels:  critical-css
gulp-version-append
Gulp plugin to append version from package.json to static file url to avoid caching
Stars: ✭ 18 (+28.57%)
Mutual labels:  gulp-plugins
gulp-append-prepend
➕ Simple Gulp plugin to append/prepend.
Stars: ✭ 15 (+7.14%)
Mutual labels:  gulp-plugins
postcss-critical-css
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
Stars: ✭ 84 (+500%)
Mutual labels:  critical-css
gulp-html
Gulp plugin for HTML validation, using the official Nu Html Checker (v.Nu)
Stars: ✭ 70 (+400%)
Mutual labels:  gulp-plugins
react-critical-css
Extracts your critical CSS.
Stars: ✭ 18 (+28.57%)
Mutual labels:  critical-css
magento-2-gulp
Gulp for Magento 2. It works with core Magento styles (less) and structure. Uses default theme configs from dev/tools/grunt/configs/local-themes.js.
Stars: ✭ 37 (+164.29%)
Mutual labels:  critical-css
gulp-uglifycss
Gulp plugin to use uglifycss
Stars: ✭ 24 (+71.43%)
Mutual labels:  gulp-plugins
Critters
🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
Stars: ✭ 2,894 (+20571.43%)
Mutual labels:  critical-css
Goober
🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API
Stars: ✭ 2,317 (+16450%)
Mutual labels:  critical-css
Critical
Extract & Inline Critical-path CSS in HTML pages
Stars: ✭ 9,364 (+66785.71%)
Mutual labels:  critical-css

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:

npm install gulp-penthouse --save-dev

Example gulp task:

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/'));
});
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].