[cookiengineer]

Take my upvote! That's a really novel approach to the misinformation crisis and I love the product idea. It would be pretty awesome with a plugin system so that you can integrate it with other websites, too.

Wish you the best for it!

PS: the website is _really_ slow on Android Firefox. I had to use my Desktop system to try it out.

[NickHodges0702]

We've had people tell us the site is slow. We are looking into it. It seems somewhat hit or miss.....

And do you mean the commenting process, or just the site itself?

[cookiengineer]

It seems as the "spotlight effect" causes most of the performance issues. The mousemove event seems to trigger a reflow when you hover some of the sections and/or scroll down. There's also a constantly running CSS animation that uses a lot of CPU time.

I have no idea why you're setting the style property of those elements every time you move the mouse, but I suppose that's what the Astro component you're using does.

Also as a hint: Never use subpixel values in CSS, they'll make everything slow. You could've used the JS "value | 0" or "value.toFixed(0)" trick to make it an integer and to prevent the floating precision from messing up the stylesheets. Some browsers (like Safari) will ignore values when they have more than 4 digits after the dot.

I'm writing this because you're setting the style property to something like this (copied out of the Inspector):

> radial-gradient(500px circle at 325.25px 188.38333129882812px, var(--spotlight-color, rgba(139, 92, 246, 0.18)), transparent 50%)