Page performance issues on phone with multiple list combine instances + List load pagination not working correctly?

I’m experiencing slow page load times and pagination issues on a page using Finsweet List Combine and List Load on phone! Need some help diagnosing the performance problem and fixing the pagination behavior.

Link: Live Link
Link to: Page

Page Setup:

  • 2 separate List Combine instances on the same page

    • Instance 1 (loyaltyfacts-recent): Has automatic date sorting

    • Instance 2 (loyaltyfacts): Has filtering and search functionality and automatic date sorting

  • 15 total CMS collection lists on the whole page.

  • Finsweet Attributes V2 (latest version)

Primary Issue - Slow Page Load: The page loads very slowly, and I’m not sure what’s causing it. Is having 15 CMS collection lists on one page too much? The slowness persists even when navigating back to simpler pages (like the homepage with just 1 collection list), which makes me think something is wrong with how the page is loading or cleaning up. I really don’t understand what’s slowing down the site on phones?

Secondary Issue - List Load Pagination Not Working: On the main section (instance 2 with filtering), I’m trying to implement Load More functionality to improve performance by limiting initial items loaded. However, the pagination behavior is completely inconsistent:

What I’m trying to achieve:

  • Show only 5-6 items initially

  • Load more items when clicking a “Load More” button

  • This should reduce initial page load by not rendering all items at once

  • Seems to load them in at first then dissapears?

  • I also have page count enabled on the pagination

What’s actually happening:

  1. With fs-list-load="infinite" (infinite scroll):

    • :white_check_mark: Infinite scroll works

    • :cross_mark: When I set pagination to 5 to limit to 5 items then again it says “No items found.”

  2. With fs-list-load="more" and 8 items per page:

    • :white_check_mark: Shows only 1 page (correct for my 14 total items)

      • Shows 9 items not 8 when I type 8 items in the pagination (no limit item is set)
    • :cross_mark: Load More button doesn’t appear

  3. With fs-list-load="more" and 5 items per page:

    • :cross_mark: Page shows “No items found”

    • :cross_mark: Console shows items count goes from 11 → 14 → 0

    • :cross_mark: Total pages shows “1 / 0”

Questions:

  1. Performance: Is having 15 CMS collection lists (across 2 List Combine instances) on one page causing the slow load? What’s the recommended maximum? How can I diagnose what’s slowing down the page?

  2. List Load behavior: Why does fs-list-load="more" work fine with 8 items per page but completely break (items → 0) with 5-6 items per page?

  3. Visible items mismatch: Why does console show “Items rendered: 5” but “Visible in DOM: 14”? Are the original Webflow collection items not being hidden properly?

  4. Load More button: The button isn’t appearing even when there are more items to load. What controls its visibility?

What I need:

  • Guidance on diagnosing and fixing the page performance issue this is the most important part since that’s why I want pagination to work to limit the items being loaded to speed it up on phone. On desktop it’s perfectly fine.

  • A working setup for List Combine + Load More that limits initial items to 5-6 and loads more on button click

  • Understanding of why the items count drops to 0 with certain pagination settings

I have detailed console logging set up and can provide more diagnostic information if needed.

Thank you for any help!

Hey @hello71!

The behavior you’re seeing (item count jumping from 11 → 14 → 0) strongly suggests a configuration conflict between your List Combine instances and your List Load setup.


For pagination to work correctly, please make sure:

  • Paginate Items is enabled in the Collection List settings
  • Show Page Count is enabled for better performance (you can hide it with CSS if needed)

The reason the Load More button isn’t appearing with 5–6 items per page is likely related to how the instances are configured. Each List Combine instance must use unique identifiers, for example:


Instance 1: fs-list-instance="loyaltyfacts-recent"

Instance 2: fs-list-instance="loyaltyfacts"


Also, keep in mind that with List Combine:


  • Only the target list (the first list in the HTML order) should have
    fs-list-combine="IDENTIFIER"
  • All lists being merged into it should use
    fs-list-instance="IDENTIFIER"

I’d also recommend wrapping each instance in a dedicated parent element and using a different instance declarator than the one used by List Combine. This helps avoid collisions when multiple instances exist on the same page.


Let me know how it goes!

1 Like

Hey Luis,

Thanks for your quick reply! And omg how did I oversee that! I had fs-list-combine=“IDENTIFIER” on the hidden lists all this time on the last list.. I did do it correctly on the recents list. This explains why the numbers showing weren’t correct. I really was at a loss. Thanks!

What about performance issues, when loading this page on phone it’s pretty slow still, it’s a lot better but in the future this page will have 100 maybe 200+ articles. And with the load button on this definetly helps. But for some reason I find the page slow on phone. Do you have any tips? Is this because of finsweet CMS combine that it’s slow?

Hey @hello71!

Great to hear your *Combine setup is working!

Regarding performance, the slowdown could be caused by List Nest or the number of HTML elements in your collection items. For example, uncompressed images or large rich text blocks. Optimizing the item structure can help them load faster.

Both List Load and List Nest have built-in caching to improve page load performance when users revisit the page. You can also get a speed boost by enabling Page Count in Webflow’s pagination settings.

I’ll take a closer look at your setup to see if we can improve performance further and will get back to you. :wink:

Thanks Luis!

Would greatly appreciate that. I have enabled my masonry script again, which displays the list items masonry style in the last list. I have tested this on phone with loaded speeds and doesn’t seem to affect it. So there is still something I don’t know that slows down the page on phone.

I have resized all images and exported them as avif to decrease the size as much as possible. Lazyload is on. I’m at a loss as to why it’s loading so slow. Would really appreciate your expertise on this thanks!

Hey Luis,

Just wanted to give you an update. I finally figured out what the issue was. Apparently, in the console log it was showing a lot of reuqest of turntile? in my settings Cloudflare Turnstile spam protection was on. And this was making a lot of requests on that page because it sees every filter / sorting etc as a form. And so it was requesting like 8 - 10 times per form. When I disabled it the page was blazing fast!

This is so weird that a clean webflow project where I enabled that gives this authentication error? Like where should I set it up? Or should I change something so it does work?

Anyways I found on google other people had the exact same issue. Also in combo with finsweet I’ve found some people have it. So good to know… This took me so many days of searching my god…

Thanks again for the help.