Add lazy loading for images and videos in Chat

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-25 03:10:18 +00:00
parent bbb493b544
commit d3e948d558
1 changed files with 2 additions and 0 deletions
--- 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">{{