Dynamic view makes it easier for customers to find the closest or most convenient stores by interacting with the map without having to perform a search.
By adopting performance optimization strategies like reducing the number of initially loaded locations or enabling dynamic updates, store locators can ensure a better user experience and handle large datasets efficiently.
Large datasets can slow down page load times and overwhelm users. By implementing specific optimization techniques, you can enhance the speed and usability of your store locator, ensuring users can quickly find the information they need.
Watch the video recap:
How to Enable Dynamic View on Your Store:
To enable Dynamic view, first go to Settings and select the Search tab.
Scroll down and find Dynamic Viewing.
Turning on the toggle button will enable dynamic view.
Enabling this will enable real-time loading.
Dynamic View with Real-Time Loading
Dynamic View with Real-Time Loading will automatically load your stores based on customer's map view and zoom level. If the customer move from City A to City B using the map, the locations will be automatically loaded:
To ensure optimal performance, you can limit the number of stores loaded initially, disable preloading of all locations, and adjust batch sizes based on usability needs. These considerations balance system performance and user experience effectively.
For example, you can adjust the "Maximum Stores Loaded" setting to load only 50–100 locations initially, and dynamically load more as needed. This approach prevents the browser from rendering excessive data at once, ensuring smoother performance.
Dynamic View WITHOUT Real-Time Loading
When Real-time loading is disabled for Dynamic View, customers is required to select the Search this Area button to refresh the map each time they move the map: This approach can be useful in scenarios where minimizing initial data loading is critical for performance, as it prevents overloading the browser with unnecessary data.
Recommended Practices for Better Store Locator Performance
Limit the Number of Locations Loaded Initially
Reduce the initial load count of locations by using batching techniques, which prevents browsers from handling excessive data at once.
Adjust the "Maximum Stores Loaded" setting to load only 50–100 locations initially. This prevents the browser from handling excessive data at once, improving page load times and user experience.
Disable Preloading All Locations
Let the system dynamically retrieve results to improve both speed and experience.
Load only the first batch of locations (e.g., 100 entries) and dynamically retrieve additional results as users perform searches. This minimizes initial load time and reduces browser strain.
Enable Dynamic Map Modes
Use an interactive map mode where data adjusts as users interact with the map.
This feature updates the displayed results automatically as the user moves the map, reducing rendering overhead and improving the overall user experience.
