digitalfabrik / integreat-cms

Simplified content management back end for the Integreat App - a multilingual information platform for newcomers
https://digitalfabrik.github.io/integreat-cms/
Apache License 2.0
56 stars 35 forks source link

Media library: slow loading time #3179

Open juliankehne opened 2 weeks ago

juliankehne commented 2 weeks ago

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:

https://github.com/user-attachments/assets/2139aa1f-008d-440d-b6db-6e4ccb0d09d6

juliankehne commented 2 weeks ago

Please let me know if there are questions and if I should split it into multiple issues :)