When using Fliplet to build an app, there are a couple of ways to ensure your app runs efficiently.
This article will help you understand best practices when creating and maintaining your app to ensure it’s optimized for good performance.
Why optimize your app?
Optimizing your app will give your users a better experience, and make maintaining your app easier. Apps with lots of screens and files will generally be slower to load providing a poor user experience and become harder to manage and maintain.
If you are planning to launch your app to the public app stores, both Apple and Google have a maximum file size for apps, and end users will not always have space to install large apps on their devices, so an optimized app is best for this.
Step 1 – Reduce the number of screens
To ensure the stability of our product, Fliplet apps have a maximum limit of 500 screens per app. If your app reaches 500 screens, you will not be able to add any additional screens and should look to reduce this number.
When using Fliplet studio and the components available correctly, you should find that your app does not need hundreds of screens.
If you have lots of screens we recommend:
- Wherever possible, use the list from a data source component rather than building new screens to store content. Learn more about the list from data source component here
- Learn how to use one data source to store any kind of data and how to re-use one list/screen to show different sets of that data. Learn more here
- Delete old, unused, or duplicated screens to keep the list of screens short and tidy
If you are still unsure how to reduce the number of screens in your app, get in touch with our Customer Success team and they are happy to take a quick look at your app and give recommendations.
Step 2 – Optimize images
Images are great additions to your app, but it’s important to optimize the image files so the screens load smoothly.
- Only use the size you need – if you are using images for items such as icons, thumbnails, or smaller images, reduce the size of the file before adding it to the file manager
- Files should always be as small as possible
- Learn more about using images here
Step 3 – Use the online video component
Fliplet supports uploading mp4 files directly to your app, but these files are often large and can drastically increase the size of your app.
- Using the online video component will prevent adding additional files to your app enabling the app to load faster
- Learn more about the online video component here
- If you have to include a video to be available offline, ensure it’s size is optimized and reduced as much as possible
Step 4 – Reduce PDFs
- PDFs are often large files that take up lots of room in your app
- Use the button, list or list from data source to add a link action. This way you can link the PDF to your app rather than uploading it directly
- If you need a PDF to be available offline, the file size needs to be optimized and reduced to be as small as possible
- Any PDFs that are not mission critical are best added as a link. They can be stored in Fliplet’s file manager and then added to a button, list or LFD