wordpress-mobile / wordpress-mobile/WordPress-Android

Slow thumbnail loading time when selecting media via the image block vs the media library

Open
#13,906 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

[Type] Enhancement Media Performance
Dominant language
Kotlin
Stars
3.2k
Forks
1.4k
Avg merge
1d 11h
Merged PRs (30d)
69

Description

Expected behavior

When loading the media library to upload images to a post, the thumbnails would load quickly similar to how they do in the browser.

Actual behavior

When your images are large and you have a lot of them, you'll see a significant delay and on some connections, the thumbnails don't load at all.

Steps to reproduce the behavior

I was able to replicate it in the user's site (Blog Upload Space: 45.4% used of 6.144MB), but not on my test sites. The user reported the images don't load at all for them on an average 4g internet connection or 12mbs. Using a 180mbs connection, the image thumbnails take a couple of second to load each time you scroll down further on my end.

The specifics I noticed here are that the images in their media library are quite large (most around 3MB). They have 2.7GB of media space used up on their Personal plan site (WordPress.com).

The user reported this happens when they go from the Image Block to add media from the WordPress Media Library to a post, but not when they try to open the media library directly.

Steps:

  1. Go to My Site > Blog Posts and create a new post.
  2. Add the Image Block and select media from your WordPress Media Library.
  3. Scroll down to load images on a site with a heavy media library and large images.

Internal report: 3675476-zen

Tested on Samsung S9+, Android 10, WPAndroid 16.5-rc-3

This sounds related to https://github.com/wordpress-mobile/WordPress-Android/issues/13224 but, I opened a new issue since the other one is specific to videos.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the delay in the Android app through My Site > Blog Posts, the Image Block, and the media library, then compare it with opening the media library directly. Test with a large, heavily populated library like the report describes; done means thumbnails load reliably without the reported scrolling delay or failure on the stated connection conditions.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, kotlin
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.