5 Tips to Improve Ionic Angular App Performance

Originally published at: https://ionicframework.com/blog/5-tips-to-improve-ionic-angular-app-performance/

Everyone knows that building performant web apps is critical for retaining happy users. However, with the constant influx of bugs to fix and new features to build, this is easier said than done. Fortunately, there are several steps you can take to improve your Angular app’s performance substantially. Recently, Stephen Fluin from the Angular team…

Hey folks! We’re trying out a new commenting system that integrates the Ionic Forum with the Ionic Blog.

If you have any questions or comments regarding Angular App Performance, be sure to ask them

4 Likes

Great Article, but my limited knowledge of the stuff I am building on top of is tough to discern much.
My source map is showing two ES options (ES5 and ES2015) in the dropdown ~700k each for a total of 1.4mb. Is that two separate builds resulting in two separate packages that could be released or is that two separate builds that are one package total (and thus my app essentially has duplicate files and 2x the size)?

If it is the duplicate option, then how do i go about removing the older version?

2 Likes

I think the double builds is for support to various browser version

In the end the browser decides which bundle to pick up

If u monitor in devtools the actually load of files (network tab) u can see only one part of the bundle being picked up

The extra build TIME is the price you pay for diversity in browser landscape - not necessarily the build SIZE (unless your hosting party allows only 1mb - fairly unlikely)