To address slow rendering issues when dealing with a large number of stores in Agile Store Locator, consider the following optimization strategies:
- Enable JSON Cache: Reduce server requests and enhance performance by enabling the JSON Cache feature. This feature generates a static JSON file containing store data, which is served to users instead of fetching data from the server every time. To enable this feature, navigate to ASL Settings, locate the JSON Cache section, and enable it.
- Apply Store Limit: Limit the number of stores displayed, especially when dealing with a large dataset. By specifying a store limit, such as showing only the 50 closest stores to the searched location, you can improve rendering performance and user experience.
- Prompt User Location: Enhance performance by prompting users to input their location before rendering stores. This approach allows you to load and display only stores that are closest to the user’s specified location, reducing the number of markers rendered on the map. To enable this option, navigate to ASL Settings > General tab, and select the “Only show stores on the search” option for the list load type.
This is the similar way you will notice on Google Maps, as you type in the location first, and then the relevant locations are served, which is a better way for having thousands of locations.
It would help if you ensured that Distance Control such as dropdown is enabled, so it will only show the locations of the searched area.
Rendering thousands of markers simultaneously in Agile Store Locator is not feasible due to its significant impact on browser memory usage, leading to slow and laggy performance. However, by implementing the optimization strategies mentioned above, such as enabling JSON Cache, applying store limits, and prompting user location input, you can enhance performance and interactivity. These measures reduce the burden on browser resources and ensure smoother navigation and usability of the store locator, even with a large dataset.