Lazy load inline images
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.
Updated by Go MAEDA almost 2 years ago
- Category changed from UI to Performance
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.
Updated by Cristian Spiescu 7 days 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?