AMBOTS Inc. Prof. Exp. Page Crashing on iOS

[PLGuerraDesigns]

Issue:

• The Details page for AMBOTS Inc. crashes when opened on iOS. (Safari & Chrome)
• Issue occurs only in production mode and displays no specific errors in the console.
• Can be bypassed by first navigating to any other Prof. Exp/Project details, opening the media browser, and then navigating to AMBOTS Inc. page. (Crashes again once the media browser is closed.)

Additional Notes:

• This occurs when using both HTML and CanvasKit renderers, though the CanvasKit renderer causes many other issues besides this one.
• The total file size for the local assets is only 26.5MB, which is smaller than most others.
• The image dimensions are quite large, mostly 4032 × 3024 in webp format.

Video showing issue:

https://github.com/user-attachments/assets/724ffad4-da0f-4ea8-a870-012f82cd0ed5

Possibly a caching issue? Maybe reduce the image dimensions? Try loading the images as a NetworkImage instead of AssetImage?

[PLGuerraDesigns]

Potentially useful resources:

[Web] App crashes on safari on iOS when loading large images [web]: UI freezes and crash the iOS browser [Web, Mobile browser] Due to some error, the webapp crashes and the mobile browser reloads the entire page.

[PLGuerraDesigns]

The issue was resolved by resizing all images to a maximum side length of 1080px.🙃 I wish I had tried this months ago. But I am happy it's officially fixed.

I will proceed to resize all images to improve performance.