perf: enable lazy loading for images

MegEngine · Oct 28, 2024 · 4d4effe · 4d4effe
1 parent e03937b
commit 4d4effe
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/renderer/components/gallery/index.vue b/src/renderer/components/gallery/index.vue
@@ -52,8 +52,8 @@
                         </span>
                       </div>
                       <div class="content" flex="main:center cross:center">
-                        <img name="dragItem" :src="getImageUrlSync(item)" v-if="isImage(item)" />
-                        <video name="dragItem" :src="getImageUrlSync(item)" v-if="isVideo(item)" />
+                        <img name="dragItem" loading="lazy" decoding="async" :src="getImageUrlSync(item)" v-if="isImage(item)" />
+                        <video name="dragItem" loading="lazy" :src="getImageUrlSync(item)" v-if="isVideo(item)" />
                       </div>
                       <div class="name" :title="item">
                         <span v-html="$options.filters.getFileName(item)"></span>