This section is related to all things about tuning Fluxstore performance that could be interested section.

1. Caching to improve App Performance

Fluxstore support a great Caching method to improve the performance loading.

To improve the caching from Fluxstore, please following these steps (this feature is available for WooCommerce)

  1. Step 1: Update mstore-api to latest version and install the wp-rest-cache plugins (available from the download package).
  2. Step 2: Go to Wordpress dashboard, select MStore Api menu and upload the config file from the Fluxstore project folderlib/config/config_xx.json. If you already upload this file, make sure to clean up the Wordpress Rest API cache - https://tppr.me/wdK1I
  3. Step 3: Go to Fluxstore project, folder lib/common/config.dart (From version 1.6.5 onwards, go to lib/common/config/general.dart), update "isCaching": true (this value is set from kAdvanceConfig). Then rebuild the app and enjoy new Super-Speed app.

If you love this feature please give us the rating feedback to download page 🎉🎉 Thank you!

Note:

  • The Cache will be available from/wp-json/mstore/v1/cache. If the isCaching is false, it will load as the local config.
  • This is also great solution if you would like to change the app UI without resubmit to App stores, by reupload the lib/config/config_xx.json file to Mstore API.
  • It will automatically flush the caches if (some of) its products contents are edited.
  • Default setting is to disable the "isCaching": false, so you need to enable it after activating the plugin and upload the lib/config/config_xx.json file to the Mstore API.
  • The latest Mstore API is also support multi caching per languages, you could go to the mstore-api and upload multi config file - https://tppr.me/bLr2Z

2. Image Optimization

The common image product issues are usually slow app loading problem. To make the app load more faster, you would optimize the net work request for Images.

First, go to Setting/ Media Settings, and setup the image sizes for the Product Image. This is our recommended settings - https://tppr.me/IbRvL

Secondly, go to Tools/Regenerate Thumbnails and click the blue button Regenerate Thumbnails For All xx Attachements, then wait for the process to complete.

fluxstore-12

To check if the image is generated correctly, go to Media and click to view any image file, select Regenerate and you can check the list or new images generated with xxx-smal or xxx-medium or xxx-large format.

fluxstore-2

After running the Regnereate successful, open the project lib/common/config/general.dart and update this value kIsResizeImage": true

The is also good solution to optimize more image loadind by convert to webp image type by using WebP Express plugin, this is also a good tool which is our recommend to compress the images to optimize the images loading.

3. File size Reduction

We get the question like this "The Android App build Size is around 70mb. How can I reduce the file size?". To solve, please check this guide https://flutter.dev/docs/deployment/android#build-an-apk . It only costs under 20mb with our demo app.

Also make sure to remove some heavy asset from your project.