Lazy-load avatar images in commit info component for inline blame viewer

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Summary

Currently, avatar images in the commit info component are not lazy-loaded when displaying blame data in the inline blame viewer. This could impact performance, especially for files with many commits and contributors.

Problem

When viewing blame information inline, all avatar images are loaded immediately, which can:

• Increase initial load time
• Consume unnecessary bandwidth for images not yet visible
• Impact performance on slower connections

Proposal

Implement lazy-loading for avatar images in the commit info component to:

• Load avatars only when they become visible in the viewport
• Improve initial page load performance
• Reduce bandwidth usage

Implementation considerations

• Use intersection observer or similar technique to detect when avatars enter the viewport
• Ensure accessibility is maintained during lazy loading
• Test with files that have many contributors to verify performance improvements

Related

This issue is a follow-up to the preload inline blame data feature implemented in !205368 (merged).