ohcnetwork / leaderboard

Leaderboard collects data from GitHub and Slack to show off the work of our open source contributors
https://contributors.ohc.network/
MIT License
17 stars 72 forks source link

Empty profile picture when network is throttled #391

Closed Re-Dei closed 5 months ago

Re-Dei commented 7 months ago

Problem

When network is throttled and sometimes in normal mode in /leaderboard, there is a good amount of delay when the profile picture is loaded, sometimes as bad as 5 seconds. This is because the picture is lazy loaded to make the load time of the website faster but at the cost of user experience. Eager loading will just make the load time of site greater.

Solution

Use a base64url generator like plaiceholder to generate a blur url so that when the picture is being loaded there is a blured picture that has size of less than 1 kB acts as a placeholder for the picture.

Re-Dei commented 7 months ago

Can anyone assign me this issue?