Prerender search results page

Attributes
1

hi again @Support-Luis,
I’ve moved the search bar into the head and wrapped in a component and it has stopped functioning.
I’ve tried everything but not sure how to proceed.

thanks again!

Here is the ‘search input field’ on home page:
https://preview.webflow.com/preview/vera-coffee-final?utm_medium=preview_link&utm_source=designer&utm_content=vera-coffee-final&preview=37e3f475f9dee6bfb362593f1e0841b9&workflow=preview

here is the ‘results’ page:
https://preview.webflow.com/preview/vera-coffee-final?utm_medium=preview_link&utm_source=designer&utm_content=vera-coffee-final&preview=37e3f475f9dee6bfb362593f1e0841b9&pageId=65fdc26bf568eb2fa77797a9&workflow=preview

2

Hey @ianhock! I’m afraid I don’t experience what you are saying on my end. The filtered list seems to load almost immediately.

However, you could speed up the load with CMS Load Speed Boost by simply enabling the page count option for your list, this will optimize its load time as detailed below.

Screen Shot 2024-03-25 at 13.19.51
Screen Shot 2024-03-25 at 13.19.511242×1364 112 KB

Let me know if this fixes the issue for you!

3

thanks @Support-Luis! I continued reading through the forum and was able to fix it by removing the query params which was forcing the cms filters to re-filter after page load.

1 Like
4

hi again @Support-Luis,
I’ve moved the search bar into the head and wrapped in a component and it has stopped functioning.
I’ve tried everything but not sure how to proceed.

thanks again!

Here is the ‘search input field’ on home page:
https://preview.webflow.com/preview/vera-coffee-final?utm_medium=preview_link&utm_source=designer&utm_content=vera-coffee-final&preview=37e3f475f9dee6bfb362593f1e0841b9&workflow=preview

here is the ‘results’ page:
https://preview.webflow.com/preview/vera-coffee-final?utm_medium=preview_link&utm_source=designer&utm_content=vera-coffee-final&preview=37e3f475f9dee6bfb362593f1e0841b9&pageId=65fdc26bf568eb2fa77797a9&workflow=preview

5

sorry @Support-Luis i fixed it by wrapping the entire snippet in the following:
document.addEventListener(‘DOMContentLoaded’, function()
let me know if you’d do it differently or if something unintended might happen.

thanks as always!

Ian

6

That’s exactly the way I’d do it! Great to hear you got this working :raised_hands: