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. is more appropriate for dynamic sites.

They have a usage example here:

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?