How to force ember.js to fully load all routes before it renders the index route?

I've recently created my first web app with ember.js. When I move between routes, they take too long to load which creates some ugly and not very app-like effects.

Unfortunately I am still very new to ember.js and therefore I'm unsure of which keywords to look and search for.

Feel free to check out this project at http://elephants.surge.sh/home.

Is there a method to load all routes, nested routes, templates, and components at once, while showing a loading template and before rending the index route?