fix: Optimize Avatar Loading

[Xsy41]

Brief Information

This pull request is in the type of (more info about types):

• build
• ci
• docs
• feat
• fix
• perf
• refactor
• test

Related issues (all available keywords):

• resolve [Optimize] It is possible to optimise the logic used to load numerous contributor avatars. #938

Details

Each month, the top 15 most active developers are selected based on their activity data and added to a set. Then, only the avatars of these active developers are loaded, optimizing the avatar loading efficiency.

Checklist

• I have read the CONTRIBUTING doc
• I have signed the CLA

Others

[Xsy41]

Here’s the revised version with all three examples included:

Stats: The number of loaded developer avatars decreased from 1673 to 550.
(https://github.com/exelban/stats)

Vue.js: The number of loaded developer avatars decreased from 6700 to 1700.
(https://github.com/vuejs/vue)

TensorFlow: The number of loaded developer avatars decreased from 1300 to 500.
(https://github.com/tensorflow/tensorflow)

[Xsy41]

Some test sites
1. https://github.com/tensorflow/tensorflow
2. https://github.com/freeCodeCamp/freeCodeCamp
3. https://github.com/Microsoft/vscode
4. https://github.com/facebook/react
5. https://github.com/docker/docker
6. https://github.com/twbs/bootstrap
7. https://github.com/kubernetes/kubernetes
8. https://github.com/vuejs/vue
9. https://github.com/flutter/flutter
10. https://github.com/nodejs/node
11. https://github.com/github/gitignore
12. https://github.com/elastic/elasticsearch

[wangyantong2000]

The date and image overlap.

[wangyantong2000]

Add another configuration in both Chinese and English.Although it hasn't happened before either.

[Xsy41]

ok

[wangyantong2000]

This loading is indeed much faster than before.

[Xsy41]

The date and image overlap.

In most cases, this date does not obstruct the data. It only blocks the view in rare instances. Additionally, the date is transparent and does not affect the visual experience. Do we need to reduce the size of the date icon or change its position?

[wangyantong2000]

The date and image overlap.

In most cases, this date does not obstruct the data. It only blocks the view in rare instances. Additionally, the date is transparent and does not affect the visual experience. Do we need to reduce the size of the date icon or change its position?

Yes, you can make some changes