I spent the last few days optimizing performance, and I'm now hitting pretty much 100 across the board in all benchmarks, and the website is very smooth on all devices I use, except any webkit browser. So performance on iOS and MacOS using Safari is terrible. I can narrow it down in a couple of places:
- whenever I scroll a list of images too fast, Safari will just stop rendering and then after a few moments they will reappear.
- I use Framer Motion in a single place to animate my sidebar, and it's unbelievably slow, probably 15-20 fps.
- I use HeadlessUI for modals and pop-up menus, those also perform terribly. When tapped on iPhone they take several seconds to load, and are overall pretty slow. I'm using the <Transition> component.

I can provide more specific examples with code if the issue can't be narrowed down from here.