ember-cli-template-trimmer

Ember templates trimmer (optimize opcodes count for glimmer-vm)

Usage no npm install needed!

<script type="module">
  import emberCliTemplateTrimmer from 'https://cdn.skypack.dev/ember-cli-template-trimmer';
</script>

README

ember-cli-template-trimmer

This addon removes newlines on compile stage, for cases like this:

<div>
  <div>
    <div>
      <div></div>
    </div>
  </div>
</div>

to this:

<div><div><div><div></div></div></div></div>

* any text nodes inside <pre>, <code> will be saved.

** single space nodes will be saved.

** text nodes having text + (newlines || spaces) will be saved

why?

this reduces glimmer-vm opcodes count, memory usage, and increase final rendering/rerendering speed.

Bonus:

{{#if false}}
    this dead block will be removed at all 
{{/if}}

Stats fom one of my projects (gzipped results):

template-trimmer: 150.42 -> 144.92 kb
ember-hbs-minifier: 150.42 -> 144.96 kb
template-trimmer + ember-hbs-minifier: 150.42 -> 144.71 kb

Can I use it with ember-hbs-minifier?

  • Yes

Compatibility

  • Ember.js v2.18 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

Installation

ember install ember-cli-template-trimmer

Usage

[Longer description of how to use the addon in apps.]

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.