the dev environment seems very slow and takes up 100% CPU for a long time

[richtera]

I am not sure if the setup has other problems, but in the end my image shows up correctly, it's just during drawing it takes between 10 and 20 minutes each time I make changes. I can't quite tell where it's stuck, because pausing the processes doesn't go anywhere meaningful. I do have a bunch of layered boxes with multiple images and text, but in theory it's not anything dynamically needing resize calculations, but I guess I can't tell because the tag doesn't seem to have a width/height property to force it so.

[richtera]

Something has changed and now it's the same speed but taking up 100% with 3 or 4 processes of node. I think something is not quite right.

[richtera]

All I see this

for a real long while and then the image finishes creating and then a minute later the UI in the dev UI updates.

[richtera]

And sometimes 4 processes

Really confusing. It doesn't seem to affect how long it takes, and the multiple processes show up by just executing npm run dev one time (in this case actually pnpm dev)

[richtera]

It looks like doing a killall on node and restarting, does remove the additional processes. It looks like hitting Ctrl-C on pnpm dev does not completely kill the process and it will end up running in the background or something like that. It seems to be doing the same amount of work at the same time.

[richtera]

It looks like there maybe a loop somewhere when waiting for the rest to finish. When looking at the profile

All of the time is being used sitting inside of the header process and the actual image processing logic seems to take up less than 1 second.

[richtera]

Closing. Ok so the main issue is that I had used the default image=lz.compressed which at 630x630 takes eons. User error.