From 36b6e51765a3357bed7cd77b2ab64d456108ff67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 18 Dec 2022 14:08:33 +0100
Subject: [PATCH] perf: enable lazy loading of images (?)

---
 webui/src/components/display/BlobPreview.svelte       | 2 ++
 webui/src/components/display/blobs/VideoViewer.svelte | 1 +
 2 files changed, 3 insertions(+)

diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte
index 2cf8827..c3be95d 100644
--- a/webui/src/components/display/BlobPreview.svelte
+++ b/webui/src/components/display/BlobPreview.svelte
@@ -93,6 +93,7 @@
         <img
           src="{API_URL}/thumb/{address}?mime=audio"
           alt="Thumbnail for {address}..."
+          loading="lazy"
           on:load={() => (imageLoaded = address)}
           on:error={() => (handled = false)}
         />
@@ -116,6 +117,7 @@
             ? 'raw'
             : 'thumb'}/{address}?size=512&quality=75"
           alt="Thumbnail for {address}..."
+          loading="lazy"
           on:load={() => (imageLoaded = address)}
           on:error={() => (handled = false)}
         />
diff --git a/webui/src/components/display/blobs/VideoViewer.svelte b/webui/src/components/display/blobs/VideoViewer.svelte
index 3f11809..4fddb11 100644
--- a/webui/src/components/display/blobs/VideoViewer.svelte
+++ b/webui/src/components/display/blobs/VideoViewer.svelte
@@ -73,6 +73,7 @@
         class="thumb"
         src="{API_URL}/thumb/{address}?mime=video"
         alt="Preview for {address}"
+        loading="lazy"
         on:load={() => (state = State.PREVIEW)}
         on:mouseover={() => (state = State.PREVIEWING)}
         on:error={() => (state = State.ERRORED)}