Here's how to (hopefully) improve the initial load performance of your ember-cli project.
- Add this
gulpfile.js
to any ember-cli project - Run
yarn add critical gulp --dev
- Change the
build
script in package.json toember build -prod; gulp critical
- Run
yarn build
Now, gulp will run the critical
task once after each build. The critical task checks what CSS your app needs to render the initial route and puts it inline in your dist/index.html
.
@oskarrough, This is amazing. Do you know how to include this into an ember deploy ?