From d3e948d558dfdd4b911160aea1cf8868a292b49c Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 25 Mar 2026 03:10:18 +0000
Subject: [PATCH] Add lazy loading for images and videos in Chat

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 nginx/vue/src/components/util/Chat.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index 28c9e1b..4289257 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -152,12 +152,14 @@ onUnmounted(() => {
             <img
               v-if="isImageUrl(message.fileUrl)"
               :src="message.fileUrl"
+              loading="lazy"
               class="w-full max-w-full max-h-48 rounded block"
             />
             <video
               v-else-if="isVideoUrl(message.fileUrl)"
               :src="message.fileUrl"
               controls
+              preload="none"
               class="w-full max-w-full max-h-48 rounded block"
             />
             <Link v-else bare :href="message.fileUrl" target="_blank" class="underline break-all">{{