EmberJS - Loading model in Route and user experience

I load my model in Route's "model" hook. The route does not transition until the model data is fetched.

Browser remains in old route until the data comes in, resulting in bad user experience.

What is the best practice to load model in Ember 2.0 so that we can present atleast the new template to user without data for better user experience?