ataverascrespo / RecordRack

Digital music collections and social platform
https://recordrack.ca
GNU General Public License v3.0
1 stars 1 forks source link

Jitter / lag when loading a record page #6

Closed ataverascrespo closed 11 months ago

ataverascrespo commented 11 months ago

There's a couple seconds of lag that happens when you load a record's page. I know it's from the damned spotify iframe. Definitely not fun for UX so i'm gonna look into fixing that

ataverascrespo commented 11 months ago

I think this behaviour comes with the Spotify embed in general, not just the react-spotify-embed package being using in this project.

https://developer.spotify.com/documentation/embeds

This Spotify embed demo straight from the spotify docs also seems to be choppy on load. Gonna look deeper into this but I'm not sure if this can really be fixed just by the nature of the iframe and the embed. Maybe I could use the HTML approach but I'm not too sure about that

ataverascrespo commented 11 months ago

I've tracked down several implementations of the Spotify embed across the web. Not just the sites that use the react-spotify-embed npm package, but also ones that embed manually as per the Spotify docs. The jitter effect is present in every single one of them. I guess it's a feature, not a bug

It doesn't effect me enough to want to drop the functionality. I like being able to immediately get to the web player / mobile app when looking at my saved records. Hopefully one day this gets fixed but I have nothing to offer here