From: Cyperghost <olaf_schmitz_1@t-online.de>
Date: Thu, 20 Jun 2024 10:30:04 +0000 (+0200)
Subject: Add lazy loading for the hidden image
X-Git-Tag: 6.1.0_Alpha_1~41^2~32
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=e0573920ff1526dc955a14552b471cde9173f3fe;p=GitHub%2FWoltLab%2FWCF.git

Add lazy loading for the hidden image
---

diff --git a/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts b/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
index fca641ebbe..25a96be9b2 100644
--- a/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
+++ b/ts/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.ts
@@ -245,6 +245,7 @@ export class FileProcessor {
           previewImage.src = thumbnail !== undefined ? thumbnail.link : element.link;
           previewImage.alt = element.filename;
           previewImage.style.display = "none";
+          previewImage.loading = "lazy";
           previewImage.classList.add(this.classPrefix + "item__previewImage");
           filenameLink.append(previewImage);
 
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
index f61abcdd88..072caadb94 100644
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Form/Builder/Field/Controller/FileProcessor.js
@@ -212,6 +212,7 @@ define(["require", "exports", "tslib", "WoltLabSuite/Core/Language", "WoltLabSui
                         previewImage.src = thumbnail !== undefined ? thumbnail.link : element.link;
                         previewImage.alt = element.filename;
                         previewImage.style.display = "none";
+                        previewImage.loading = "lazy";
                         previewImage.classList.add(this.classPrefix + "item__previewImage");
                         filenameLink.append(previewImage);
                         const filenameContainer = elementContainer.querySelector("." + this.classPrefix + "item__filename");