Skip to content

Media library: slow loading time #3179

@juliankehne

Description

@juliankehne

Describe the Bug

When clicking on a folder inside the media library, depending on the amount of content/images inside the folder, the loading speed of it is quite slow. For the folders 'Icons (2.Ebene)' and 'Region Logos' it takes up to 3 seconds.

The loading indicator shows up for a split second and then vanishes.

Steps to Reproduce

Loading Time (Video 1):

  1. Go Pages and create or edit any page (Or any other place in which the media library is used)
  2. Edit the Page Icon (Media library opens)
  3. Open one of the subfolders ('Icons 2. Ebene' or 'Region Logos' as they have similar amount of images)
  4. See that the folder doesn't open instantly and it takes 2-3 seconds for it to open

Expected Behavior

For example on windows: The folder opens instantly. The first images shown to the user are already loaded. If there are too many images in a folder to show at once: As the user scrolls down the unloaded images/thumbnails are load.

Example on Nextcloud: The folder opens instantly. Icon and image thumbnails are only loaded after the folder has openened.
If the folder doesn't load instantly there is a loading indicator.

A folder doesn't take multiple seconds to open.

The loading indicator shows for the whole loading duration.

Actual Behavior

After clicking on a subfolder with many images in it, it can take multiple seconds to load.

The loading indicator vanishes after a short amount of time while a folder is still loading.

See Video below.

Additional Information

Another loading time example:

  1. Go to https://cms-test.integreat-app.de/albdonaukreis/media-library/
  2. See that media library loads multiple seconds when openend

Video 1 - Long loading time:

2024-11-06.11-59-59.mp4

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingeffort: mediumShould be doable in <12hprio: mediumShould be scheduled in the forseeable future.readyThis issue is ready to be worked on

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions