6 links for Optimization

• Fast, Fast, Fast

  We can write our Ember apps fast, they run fast in the user's browser (thanks to the Glimmer VM) but how can we get them into browsers fast? In this talk, I explore limiting factors for app startup performance and introduce techniques for improving Ember apps' time-to-interactive.

  Presentation by Marco Otte-Witte on 12th October 2018, in EmberFest 2018
  

  • Optimization
  • Performance

• Honey, I shrunk your Ember app

  Ember does not have the best reputation for being suited for mobile apps, mostly for being "too large". But why does size matter, and how can we keep it small? Future techniques like tree-shaking and code-splitting will support this task. But there are quite a few things you can do today to reduce your bundle size. Based on the experience of optimizing my own app, this talk will guide you through the iterative process of measuring, analyzing and optimizing your app's size. For each of these phases I will introduce you to some essential tools and helpful practical tips.

  Presentation by Simon Ihmig on 12th October 2018, in EmberFest 2018
  

  • Best Practices
  • Mobile
  • Optimization
  • Performance

• Using PurgeCSS with Ember.js

  After watching talks about Functional CSS at Ember Map, I started looking into starting to usetailwind for my future projects. The way tailwind works is that it generates a lot of CSS classes that you then use purgecss to remove.

  Article by Jure Cuhalev on 7th September 2018
  

  • Best Practices
  • Optimization
  • Styling

• Tips for improving build time of large apps

  Article by Matt McManus on 25th June 2018
  

  • Best Practices
  • Ember CLI
  • Optimization

• Shipping different EmberJS bundles based on the user's browser

  EmberJS provided a way to specify browser targets in April, 2017. With this, one could specify a list of browsers based on the app consumers' analytics and ship properly transpiled code.

  Article by Sivasubramanyam A on 4th June 2018
  

  • Best Practices
  • Optimization
  • Production

• broccoli-concat-analyser

  A great way to visualise and analyse the file sizes of raw size, uglified size (for JS right now) and compressed size (including uglify if applicable) of an Ember app.

  Github Repository by Stefan Penner on 4th April 2018
  

  • Optimization