Ember Zuperkülblog Progressive Web App

A Progressive Web App built using Ember.

How it was built

• Google I/O 2016 video
• Slides

Performance breakdown

• Lighthouse
• WebPageTest Speed Index scores
  • Before any optimisations or Service Worker. Deployed version
    • Cable: http://www.webpagetest.org/result/160512_EB_AAD/ - 1st view: 2884
    • 3G: http://www.webpagetest.org/result/160512_8F_AA7/ - 1st view: 4581
  • After Service Worker (but no FastBoot). Deployed version
    • Cable: http://www.webpagetest.org/result/160512_QB_9X5/ - 1st view: 5377, Repeat: 2637
    • 3G: http://www.webpagetest.org/result/160512_18_9ZY/ - 1st view: 7933, Repeat: 3109
  • FastBoot + SW + critical-path CSS. Deployed version
    • Cable: http://www.webpagetest.org/result/160511_BT_2FQ2/ - 1st view: 972, Repeat: 414
    • 3G: http://www.webpagetest.org/result/160511_R6_2FQC/ - 1st view: 2001, Repeat: 426

Time to first meaningful interaction - we are waiting for Lighthouse to support this via the 'input readiness' metric.

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Node.js (with NPM)
• Bower
• Ember CLI
• PhantomJS

Installation

• git clone <repository-url> this repository
• change into the new directory
• npm install
• bower install

Running / Development

• ember server
• Visit your app at http://localhost:4200.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Building

• ember build (development)
• ember build --environment production (production)

Deploying

Specify what it takes to deploy your app.

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox