aredotna / ervell

Are.na front-end client
MIT License
180 stars 33 forks source link

Performance Suggestion: Replace GIFs with videos in grid view #2935

Open samhenrigold opened 1 year ago

samhenrigold commented 1 year ago

While I was browsing this GIF-heavy channel, I noticed the page takes quite a while to load in new content and, when you scroll a good amount down the page, it starts slowing down as it loads more content. Take a look at how GIF playback suffers compared to the original:

https://github.com/aredotna/ervell/assets/49251320/6d1b2e5d-566e-4c29-bcd5-084f38b9cddf

The performance hit is especially noticeable when hovering over blocks...

https://github.com/aredotna/ervell/assets/49251320/0b0d2d8f-5202-4cae-88bc-dc5e88d8df21

...and it's especially bad on mobile:

https://github.com/aredotna/ervell/assets/49251320/0411a0d6-a6a2-4784-9119-7533fe7798f9

I was reminded of this web.dev post about videos being more performant than GIFs, I thought I'd bring this up since it doesn't seem to have been raised before.