Summary: This article outlines requirements for using Ionic.
Enable Native Scrolling
Native Scrolling allows Ionic to listen to scrolling events on supported webviews.
Reduce app bundle size with source-map-explorer
The Angular team recommends the source-map-explorer tool to visualize your app’s code distribution.
Configure size budgets
Reducing your app’s size is challenging once it’s been in production, so setting budget thresholds ensures your application stays within the size boundaries you define.
Split your app into modules for native Angular lazy loading
Lazy loaded modules load on-demand when a user navigates to their route the first time. This strategy is excellent for app performance and reducing the initial bundle size.
Reduce app build times by adding a Browserslist file
A Browserslist file specifies the browsers that an app supports. Developer tools can use that information in various ways, such as applying build process optimizations to reduce app build times.
OnPush
With large component trees, using the default Change Detection strategy can result in performance issues.
Because of this, we strongly recommend using the OnPush Change Detection strategy in all components.
Favor Capacitor Over Cordova
Capacitor and Cordova take the same place in the application stack. They both provide a structured mechanism to allow your web application to access native functionality. Capacitor, however, offers several key advantages over Cordova: Ionic support, native project management, plugin management, and version management.