Project

General

Profile

Actions
Copy link

Feature #36294

closed

Lazy load inline images

Added by Mizuki ISHIKAWA almost 3 years ago. Updated 1 day ago.

Status:
Closed
Priority:
Normal
Assignee:
Go MAEDA
Category:
Performance
Target version:
5.0.0
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
Copy link
 #1

Updated by Mizuki ISHIKAWA almost 3 years ago

I'll attach the patch.

Actions
Copy link
 #2

Updated by Go MAEDA almost 3 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
Copy link
 #3

Updated by Go MAEDA almost 3 years ago

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

Updated by Go MAEDA almost 3 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
Copy link
 #5

Updated by Go MAEDA almost 3 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
Copy link
 #6

Updated by Cristian Spiescu about 1 year 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
Copy link
 #7

Updated by Kota Shiratsuka 1 day ago

Cristian Spiescu wrote in #note-6:

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.

I have submitted a patch to resolve this issue. Patch #41919: Add width and height to img src

Actions
Copy link

Also available in: Atom PDF