https://github.com/ivanvanderbyl/ember-cli-critical

Ember CLI addon which wraps Critical, to extract & inline critical-path (above-the-fold) CSS from HTML
https://github.com/ivanvanderbyl/ember-cli-critical

addon critical-css css ember-cli inline-css

Last synced: 6 months ago
JSON representation

Ember CLI addon which wraps Critical, to extract & inline critical-path (above-the-fold) CSS from HTML

• Host: GitHub
• URL: https://github.com/ivanvanderbyl/ember-cli-critical
• Owner: ivanvanderbyl
• License: mit
• Created: 2017-10-06T17:04:39.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-12T03:42:36.000Z (about 3 years ago)
• Last Synced: 2025-07-05T08:40:43.058Z (6 months ago)
• Topics: addon, critical-css, css, ember-cli, inline-css
• Language: JavaScript
• Homepage:
• Size: 1.08 MB
• Stars: 11
• Watchers: 1
• Forks: 4
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# `ember-cli-critical`

This addon adds an ember-cli post build hook which runs your built app through [Critical](https://github.com/addyosmani/critical/) 

> Critical extracts & inlines critical-path (above-the-fold) CSS from HTML

It will remove the extracted CSS from your stylesheets and rewrite the link tags to point to the new files after inlining.

## Installation

    ember install ember-cli-critical

## Configuration

By default this addon will run only on production builds, but you can change this by overwriting

the `enabled` setting in your `ember-cli-build.js`

```js

{

  "ember-cli-critical": {

    enabled: true,

    critical: {

      // critical options

    }

  }

}

```

See [Critical](https://github.com/addyosmani/critical/#usage) usage for available options.

## Running Tests

* `npm test` (Runs `ember try:each` to test your addon against multiple Ember versions)

* `ember test`

* `ember test --server`