Infinite Marquee Problem
Hello everyone. I hope you are all well. Is it possible to implement infinite scroll without having to load the images with the page? I've noticed that when we have multiple instances like this on a page with many SVG images, it can significantly reduce the Lighthouse score. Is there a way to set it to load on scroll without breaking the animation?
https://webflow.com/made-in-webflow/website/wb-infinite-marquee
The Greatest Infinite Marquee (HTML + CSS only)
The Greatest Infinite Marquee (HTML + CSS only) - Webflow
I scoured the internet for the best infinite marquee and I think this one has to be the best. Here's how to build it: https://youtu.be/ZMCNin2VjxU
3 Replies
Can you send an example of the site with the low lighthouse score? I’m not really sure what you mean by loading on scroll. Lazy load?
That's right, I switched from Eager to lazy load. I implemented Infinite Marquee with GSAP, and the situation is now better. In this case, I can use lazy load. This is a specific situation where I have 20 SVG icons, some of which are 60-70kb, so I believe that adds a lot of additional requests, which might slightly reduce the Lighthouse score. But yeah, this Lighthouse score varies by 10-15 points each time, haha 😅
Most connections should have no problem with 20 SVG icons in my opinion but if you found something that’s working well then good thing!