Critical path CSS with sage gulpfile

Hi. Google pagespeed insight recommends inlining the most critical css and load the full css document async to get a faster render time.

Critical does exactly this with gulp.
My question is this: Does anyone know how to implement “Critical” into the sage gulpfile without breaking it. My experience with gulp is limited, so any input is very welcome.

The use-case for Critical is mostly single page apps and sites that have static templates. https://github.com/pocketjoso/penthouse is more appropriate for dynamic sites.

They have a usage example here: https://github.com/pocketjoso/penthouse/tree/53984aa423a30581142b6cfc19c3d694ba0dc49e#usage-2

Ok, so what I wonder then, is do I just do the npm install in my sage directory and paste the usage code into my gulpfile.js(and then alter it)? Will that work?

You can give it a try

hi, did you succeed?