Overview

You noticed that your app is slow as the navigation within the app takes a lot of time. This article provides you with some tips about checking and improving your app's loading performance by taking care of the content volume upon building it.

Diagnosis

You noticed that browsing the app is slow and there' a lag on the app when loading the menu and when moving from one category to another. This does not provide a pleasant user experience as it may take a while for each page/app category's content to load.

This is usually because the page requested has a high volume of content that has to be fetched from the Database. The number of items and their size impact the time it takes to complete this action.

Back to top

Solution

You can find below some recommendations when you build your app that can make it run faster and smoother once it is published. The rule is as simple as 'the less the volume of the content the lower the app component loading time'. To this end:

1. Try to contain the number of items per category and try to split categories as much as possible with a view to spreading and balancing the content as equally as possible across all categories.

For instance if you have a pizza restaurant using the food ordering feature, instead of having one big category called 'Pizzas' you can break it down into 'Vegan Pizzas', 'Vegeterian Pizzas', 'Meat Lovers Pizzas', 'White Pizzas' trying to have - to the extent possible - similar number of items under each of these categories

2. Be careful with the images used in your app.

You can check the Adjusting the image size/dimension KB article for more information.
Try to reduce the image file size as much as possible. There are various image optimizers and convertors tools (Eg Adobe Photoshop) and you can easily get your images much smaller in size without compromising the quality. It is recommended to use images up to 100KB.

Back to top