AvatarImage preload support

[hollandjake]

Feature request

Overview

Using the AvatarImage component the fetch waits until the page has fully rendered to resolve the image contents even when <meta rel="preload" src="image.jpg"/> is set. assuming this is because the useImageLoadingStatus uses a ref on the window.Image which will run after first render.

Examples in other libraries

using the html native <img> does immediately load the image (especially in SSR)

Who does this impact? Who is this for?

All users - anyone who wants an avatar image preloaded with a fallback if that image failed to load

Additional context

[chaance]

No plans to implement true preloading, but when #3943 is merged you will have full control over how the underlying image is handled, so you can wire this up more easily however you'd like.