Performance issue – real-time search with 3000+ CMS items

Attributes
, ,
1

Hey there,

we’ve built a real-time search using fs-list (load and filter). But as there are more than 3000 items in the collection, the page is very slow. Sometimes you can find a “ERR_INSUFFICIENT_RESOURCES” error in the console log.

The “Booster” with ‘Show Page Count’ is enabled but seems not to help in our case.

Any ideas or recommendations how to handle this size of collection items to have a performant search?

Thanks in advance for your help!

Best,
Darko

URL: https://shop.indupart.ch/

2

Hey @family!

The ERR_INSUFFICIENT_RESOURCES error is a classic sign the browser is getting overwhelmed by too many simultaneous requests. Here’s what’s happening and how to fix it.

fs-list-load="all" (Render All mode) has to fetch every paginated page of your collection before the filter can run. With 3000+ items, that means dozens of concurrent HTTP requests firing at once — which is exactly what triggers that error.

Switching to Pagination mode is the fix here. Here’s how to set it up:

  1. In your Webflow Collection List settings, make sure Paginate Items is enabled
  2. Set items per page to around 25 — that’s the sweet spot for large collections
  3. Update your load attribute to:
fs-list-load="pagination"
  1. On the Pagination element in your Collection List settings, enable Show Page Count — this lets Attributes optimize loading based on how many pages exist. You can hide the pagination UI itself with display: none if you don’t want it visible

This way the browser only ever handles a small batch of items at a time, which clears up the resource exhaustion and makes filtering much more responsive. :flexed_biceps:

On the Show Page Count point — you mentioned it’s enabled but not helping. That’s likely because the optimization works best alongside Pagination mode, not Render All. In Render All mode it still has to fetch every page sequentially, so there’s less room for it to help.

Could you share your Webflow staging URL or a read-only project link? :folded_hands: That way we can confirm your exact setup and make sure this fits your structure.

3

Hey!

Thanks for your reply.

Please note that we are not using the “Render All mode” but the “Infinite Load” :blush:
Here you go with the links:

Thanks a lot for your support!

4

@Support-Finn / @Support-Luis could you already have a look on that? as the website is really slow, this issue is high prio for us.

5

Hey @family

As @Support-Finn recommended, would Pagination work for your case? Have you tried it?
That’s the best approach in this case considering the 3000 & potentially more items in the future

Switch the product list off infinite and onto pagination, with native Webflow “Show Page Count” enabled on its pagination element, the pagination element can stay visually hidden

You should also consider narrowing the fs-list-field="*" to the actual searchable fields fs-list-field="article-name, article-nr, category-name"

6

I’ve also forwarded this to the team in the meantime

I’ll keep you updated, thanks

7

Hey @family

The team got back with this

This happens because the list settings is set to only have 6 items per page, which means that in order to load all +3k items in memory, Attributes needs to fetch more than 500 pages.
Define 100 items per page, and if you only want to display 6 in the UI at a time, then you need to add fs-list-itemsperpage="6" to the list.

image (1)
image (1)1920×1033 177 KB

Hope this totally solves the issue

Keep us posted

Thanks