# Ionic 2 First Load

**URL:** <https://forum.ionicframework.com/t/ionic-2-first-load/72813>\
**Category:** ionic-v3\
**Created:** [December 9, 2016, 11:13pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813 "2016-12-09T23:13:12Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![mghadiri](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mghadiri/32/105409_2.png) [@mghadiri](https://forum.ionicframework.com/u/mghadiri)\
**Post date:** [December 9, 2016, 11:13pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/1 "2016-12-09T23:13:12Z")

</div>

My big problem is the first load of ionic 2 apps!  
I made a tab project. I had run that without doing anything else. But the first load of app is about 7 seconds! Obviously this is a major problem that can not be ignored. Is there a way to reduce this load time? Because with this delay, we can’t use it for a real app.

---

<div class="post-metadata">

**Author:** ![mirkonasato](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mirkonasato/32/131398_2.png) [@mirkonasato](https://forum.ionicframework.com/u/mirkonasato)\
**Post date:** [December 10, 2016, 12:05pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/2 "2016-12-10T12:05:55Z")

</div>

What do you mean by first load? Where are you loading your app (iOS or Android or browser and which version) and how did you measure 7 seconds?

---

<div class="post-metadata">

**Author:** ![danielsousat](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danielsousat/32/106160_2.png) [@danielsousat](https://forum.ionicframework.com/u/danielsousat)\
**Post date:** [December 10, 2016, 1:39pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/3 "2016-12-10T13:39:45Z")

</div>

I ran my app on an Android Device (Motorola Moto Z) and the app spends about 4 seconds on the cordova splash screen.

My app is just an ionic v2 side menu blank project. Is this loading time really normal?

---

<div class="post-metadata">

**Author:** ![mghadiri](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mghadiri/32/105409_2.png) [@mghadiri](https://forum.ionicframework.com/u/mghadiri)\
**Post date:** [December 10, 2016, 5:42pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/4 "2016-12-10T17:42:39Z")

</div>

When I open the app, it take about 7 seconds to show the first page. I tested it in android 4.1.2 with crosswalk and android 4.4.2 normally.

---

<div class="post-metadata">

**Author:** ![mirkonasato](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mirkonasato/32/131398_2.png) [@mirkonasato](https://forum.ionicframework.com/u/mirkonasato)\
**Post date:** [December 10, 2016, 8:33pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/6 "2016-12-10T20:33:16Z")

</div>

It takes less than 3 seconds on a [OnePlus One](http://www.gsmarena.com/oneplus_one-6327.php) according to the Chrome Developer Tools. I’m sure it can take longer on older devices, but the One is already 2 and a half years old.

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/1/6/16e64fd5f30b2d051bb9fa837e24ef34999f8c38.png)

---

<div class="post-metadata">

**Author:** ![danielsousat](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danielsousat/32/106160_2.png) [@danielsousat](https://forum.ionicframework.com/u/danielsousat)\
**Post date:** [December 10, 2016, 11:43pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/7 "2016-12-10T23:43:02Z")

</div>

Hello, Mirko, thanks for the reply. I’ve monitored properly the loading  
time and it takes less than 3 seconds, like you said.

This is my first time developing on top of cordova. So, having this loading  
time is normal, then?

---

<div class="post-metadata">

**Author:** ![mirkonasato](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mirkonasato/32/131398_2.png) [@mirkonasato](https://forum.ionicframework.com/u/mirkonasato)\
**Post date:** [December 11, 2016, 8:43am UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/8 "2016-12-11T08:43:09Z")

</div>

I think it’s normal for Ionic 2. There’s an open issue about improving the load time: [https://github.com/driftyco/ionic/issues/6776](https://github.com/driftyco/ionic/issues/6776)

Ionic 1 actually seems a bit faster, around 2 seconds.

I’ll do some more tests now, out of curiosity.

---

<div class="post-metadata">

**Author:** ![mirkonasato](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mirkonasato/32/131398_2.png) [@mirkonasato](https://forum.ionicframework.com/u/mirkonasato)\
**Post date:** [December 11, 2016, 9:13am UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/9 "2016-12-11T09:13:33Z")

</div>

A barebone Angular 2 app (without Ionic) generated with the Angular CLI takes over 2 seconds to load, so most of time is due to Angular rather than Ionic itself.

Building the Ionic app with [Rollup](https://github.com/driftyco/ionic-app-scripts#custom-configuration) instead of Webpack seems slightly faster, like 2.4s instead of 2.8.

---

<div class="post-metadata">

**Author:** ![danielsousat](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/danielsousat/32/106160_2.png) [@danielsousat](https://forum.ionicframework.com/u/danielsousat)\
**Post date:** [December 11, 2016, 1:02pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/10 "2016-12-11T13:02:10Z")

</div>

That’s really odd, considering Angular 2 and Ionic 2 propaganda says that  
they would be faster than the previous versions…

---

<div class="post-metadata">

**Author:** ![mirkonasato](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mirkonasato/32/131398_2.png) [@mirkonasato](https://forum.ionicframework.com/u/mirkonasato)\
**Post date:** [December 11, 2016, 1:53pm UTC](https://forum.ionicframework.com/t/ionic-2-first-load/72813/11 "2016-12-11T13:53:18Z")

</div>

Angular 2 is faster at runtime, after the app has been loaded, thanks to more clever change detection and the like. Issues with code size and load time are what’s prompted the Angular team to introduce Ahead-of-Time template compilation. That made things a lot better, but there’s still room for improvement.

Still, 3 seconds to start a mobile app seems acceptable to me. Apple has some great [guidelines](https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/) on what the launch screen should look like to “enhance the perception of your app as quick to launch”.
