`<A>` from `solid-start` is slow on Android. How to debug performance?
So, on my detail page I have a button
```jsx
import { A } from 'solid-start';
const Detail = () => {
return (
// ...
<A href='/'>
//...
}
When I press that button on my Samsung S9 (not the slowest of android phones), it feels like a second before anything happens and I see the home screen again.
How can I speed this up? How can I debug what is causing the delay?
7 Replies
Here's a screenshot, I can clearly see how the CPU spikes up when switching pages. This is on my macbook (which doesn't feel slow) but it's clearly also very busy
so the performance analysis says
Run Microtasks takes 200ms on my Macbook M1, which seems like a long time for such a fast chip for a simple view change.
Is anyone aware of a tutorial/documentation about how to find performance bottlenecks in Solidjs rendering code?
I mean, under the Run Microtaks -> Run Queue there are thousends of little method calls. I do think solid is really fast so I'm wondering what causes this to get so out of control (thinking that it must be something I did)how do I find which one of these is a case where I may have caused too much performance loss?
Did you try to measure it in production mode? Also, what about network requests?
this measurment was from production mode, i.e. the deployed site
the yellow color above seems to signify for 200ms (on M1 Mac) or 800ms on my S9 the CPU is fully busy rendering it
Maybe you can use solid-devtools or something to debug the issue
in dev mode