Thanks for the feedback. I think the lag might have been mainly due to the page loading and rendering 400+ job rows at once and is not related to the animation, though there might also be some hydration issues with the animation. Agree that the lag isn't good UX, I will look into getting it fixed soon.
Aside from the lag, I was hoping folks might appreciate the artistic of the animations where companies are resolving around a remote coding home :)
How come scrolling the table lags on my $700 phone?
You can render tens of thousands of rows at once without lag, something is wrong.
Thanks for sharing that you run into the same issue. Agree that something is wrong, perhaps scrolling causes the table to re-render for some reasons. I will look more into it and getting it fix next. There are techniques to optimize performance such as only render visible rows. I haven't spent much time testing it on mobile web and will enhance the mobile web view & experience upcoming.
You don't need to only render visible rows. There are only 400. You just insert them into the Dom and that's it.
Seems correct. I might not use you average-user-device (iPhone SE 2016) but liked your idea and clicked the link. The page freeze for ~15s for the first load but then refresh only takes ~4s. The animation is smooth if I’m not scrolling the list. Scrolling seems hard to handle as the new items takes 2s to appear. Do you use a virtual table [edit: just read you sibling comment saying you don’t, yet] or heavy JS for styling the list? I usually have no problem scrolling long text lists. Another guess would be the logos size but I’m not in my computer to check it out. For context: I know my device is old but it handles fine most sites that don’t have too many ads, js shenanigans or super heavy assets.
Kudos to you, I’m sure my 2012 mbp will handle it fine though :-)
Mine stopped exactly at the animation, before proceeding.
I've also got poor performance on a pixel 3a, but the freeze was only about 2 seconds.
As to the other, I never appreciate animations or scrolling hijinks on a website. It makes it harder to use and slows it down. But,I'm a grouchy old fucker.