Skip to content

chore: support progressive image loading with local assets#1823

Merged
agg23 merged 6 commits intomainfrom
agg23/progressive-image
Aug 1, 2025
Merged

chore: support progressive image loading with local assets#1823
agg23 merged 6 commits intomainfrom
agg23/progressive-image

Conversation

@agg23
Copy link
Contributor

@agg23 agg23 commented Aug 1, 2025

A unfortunately large diff.

Integrate plugin-ideal-image. We found the implementation automatically detects slow connections and requires a click to load the image. This requires a custom ProgressiveImage component in order to disable the slow connection functionality.

Images will now display an inline, very low res placeholder of the correct size. Images will be progressively loaded. They are also preprocessed with lossy compression to decrease total wire size and physical pixel size.

Screenshot 2025-07-31 at 12 12 56 PM

@github-actions
Copy link
Contributor

github-actions bot commented Aug 1, 2025

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-forest-0a29f6210-1823.centralus.azurestaticapps.net

Copy link
Member

@Skn0tt Skn0tt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looking good, I like it!

Screen.Recording.2025-08-01.at.15.32.43.mov

@github-actions
Copy link
Contributor

github-actions bot commented Aug 1, 2025

Azure Static Web Apps: Your stage site is ready! Visit it here: https://delightful-forest-0a29f6210-1823.centralus.azurestaticapps.net

@agg23 agg23 merged commit 2e043e9 into main Aug 1, 2025
5 checks passed
@agg23 agg23 deleted the agg23/progressive-image branch August 1, 2025 13:48
@pavelfeldman pavelfeldman restored the agg23/progressive-image branch October 2, 2025 21:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants