# Optimizing Ember Templates

DevFeed: [Optimizing Ember Templates](<https://devfeed.tech/articles/optimizing-ember-templates-15794.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/optimizing-ember-templates>)

Author: Terrill Dent

Published: 2016-08-31T16:27:18Z

Content type: article

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Ember](<https://devfeed.tech/topics/ember.md>), [Compiler](<https://devfeed.tech/topics/compiler.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>)

Tags: [app-size](<https://devfeed.tech/tags/app-size.md>), [compiler](<https://devfeed.tech/tags/compiler.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [maintainability](<https://devfeed.tech/tags/maintainability.md>), [performance](<https://devfeed.tech/tags/performance.md>), [readability](<https://devfeed.tech/tags/readability.md>), [refactor](<https://devfeed.tech/tags/refactor.md>)

## AI overview

This article explains how Ember templates are compiled into JavaScript modules and how conditional blocks can substantially increase generated code. It presents techniques such as using dynamic classes and refactoring repeated conditionals, while noting possible trade-offs in maintainability and readability.

## Source excerpt

Templates make up 60% of your Ember app. Now what?