From e0573920ff1526dc955a14552b471cde9173f3fe Mon Sep 17 00:00:00 2001 From: Cyperghost Date: Thu, 20 Jun 2024 12:30:04 +0200 Subject: [PATCH] Add lazy loading for the hidden image --- .../Core/Form/Builder/Field/Controller/FileProcessor.ts | 1 + .../Core/Form/Builder/Field/Controller/FileProcessor.js | 1 + 2 files changed, 2 insertions(+) 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"); -- 2.20.1