Critical-Starter

A basic HTML5, Bootstrap 4, JQuery and Font-Awesome starter project using Critical to improve pagespeed insight score.

Generate and inline critical-path CSS using Critical. Thanks to Critical Path Demo

Installation

$ cd critical-starter
$ yarn && bower install

Generating and inlining critical-path CSS

Note: There are two build commands available. This allows you to compare the difference between the output of a normal build and the output with critical-path CSS.

The default (minify, concat) build for the project can be run with:

$ gulp

The complete (critical-path) build can be run with:

$ gulp critical

This performs the normal build, then generates and inlines critical-path CSS for the page. It automatically async loads in the site-wide styles using loadCSS as part of the workflow offered by the module.