Severe Lag When Loading and Exporting Large Collections in CMS Export Plugin (e.g. 2800+ Entries) #84
Description
Describe the bug
When using the Framer CMS Export plugin with a large collection (e.g., 2800 entries), the entire Framer plugin becomes unresponsive and lags for about 20-30 seconds after selecting the collection from the dropdown. The UI freezes, with no loading indicator or spinner. Additionally, all 2800 entries are added to the DOM, even though the preview only shows 7 rows and 3 columns, which heavily impacts the user experience.
Same for the exporting, very laggy, no loading indication, freezing.
To Reproduce
Steps to reproduce the behavior:
- Open the Framer CMS Export plugin.
- Select a large collection (e.g., 2800+ entries) from the dropdown.
- Notice the lag and unresponsiveness that follows.
- Inspect the DOM to see that all 2800 entries are rendered, despite only 7 being shown in the preview.
- Click export
Expected behavior
I expect the plugin to render a maximum of 7 entries (as the preview only shows this many) and provide a loading state or spinner to indicate progress while the data is being loaded. Only the necessary entries should be added to the DOM.
On exporting, there should be a loading indication without freezing the entire interface.
Additional context
This issue makes it very difficult to work with large collections, and it seems that optimizing the DOM rendering for previews could greatly improve the user experience.