Skip to content

Conversation

psychedelicious
Copy link
Collaborator

Summary

Theoretically using thumbnail images as fallbacks provides a better user experience:

  • Start loading both thumbnail and full image
  • Render the thumbnail when it is ready
  • Then render the full image when it is ready, typically after the thumbnail

But this does make more network requests, and adds an extra render when we show images (== perf hit). In testing locally, it actually feels snappier without the thumbnail fallback (likely psychosomatic). It certainly does not feel any worse, so I think this is a good change.

Related Issues / Discussions

n/a

QA Instructions

This is kinda experimental. We've used thumbnails for fallbacks for a long time - it's possible that this negatively affects user experience.

Merge Plan

n/a

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable)
  • Documentation added / updated (if applicable)
  • Updated What's New copy (if doing a release after this PR)

Theoretically using thumbnail images as fallbacks provides a better user
experience:

- Start loading both thumbnail and full image
- Render the thumbnail when it is ready
- Then render the full image when it is ready, typically _after_ the
thumbnail

But this does make more network requests, and adds an extra render when
we show images (== perf hit). In testing locally, it actually feels
snappier without the thumbnail fallback (likely psychosomatic). It
certainly does not feel any _worse_, so I think this is a good change.
@github-actions github-actions bot added the frontend PRs that change frontend files label Sep 4, 2025
@psychedelicious
Copy link
Collaborator Author

Unfortunately this doesn't play well with #8530

Also, I realized that we the increase in network requests is likely negligible. The gallery loads the thumbnails already, so the vast majority of the time, the browser will have already cached the thumbnail image. So it's just the extra render cycle that we have to pay for.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend PRs that change frontend files
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant