Project

General

Profile

Actions

Feature #36294

closed

Lazy load inline images

Added by Mizuki ISHIKAWA over 2 years ago. Updated 6 months ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
Performance
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed

Description

Set lazy: loading for images and thumbnail images that Redmine will display as follows:
<img src="image.jpg" alt="..." loading="lazy">

lazy loading document: https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
It can be displayed more quickly, for example, when a issue has many comments and many images are displayed.


Files

feature-36294.patch (8 KB) feature-36294.patch Mizuki ISHIKAWA, 2021-12-09 02:29
Actions #1

Updated by Mizuki ISHIKAWA over 2 years ago

I'll attach the patch.

Actions #2

Updated by Go MAEDA over 2 years ago

  • Category changed from UI to Performance

+1

Currently, inline images on a page are loaded all at once. After enabling lazy loading by applying the patch, images are loaded when it is necessary.

Lazy loading reduces the transfer volume of images and makes the load speed of a page. It resolves the problem that long issues or wiki pages with a lot of images take a long time to load and should improve the user experience.

Actions #3

Updated by Go MAEDA over 2 years ago

  • Target version set to Candidate for next major release
Actions #4

Updated by Go MAEDA over 2 years ago

  • Subject changed from Change image loading to lazy loading to Lazy load inline images
  • Target version changed from Candidate for next major release to 5.0.0

Setting the target version to 5.0.0.

Actions #5

Updated by Go MAEDA over 2 years ago

  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Committed the patch. Thank you for your contribution.

Actions #6

Updated by Cristian Spiescu 6 months ago

Unfortunately, for pages with relatively a lot of images (and/or big images) this breaks HTML anchors. E.g. links pointing to notes that are down on the page.

On accessing such a link, the browser initially scrolls to the current position. But then, images start to arrive pushing the scroll.

What do you think that an option to enable/disable lazy images?

Actions

Also available in: Atom PDF