diff --git a/frontend/src/components/NoteCard.vue b/frontend/src/components/NoteCard.vue
index 45ffd1d..5329339 100644
--- a/frontend/src/components/NoteCard.vue
+++ b/frontend/src/components/NoteCard.vue
@@ -142,6 +142,8 @@ onBeforeUnmount(() => document.removeEventListener("mousedown", onDocMousedown))
       v-if="note.attachments.length"
       :src="note.attachments[0].url"
       alt=""
+      loading="lazy"
+      decoding="async"
       class="mb-2 max-h-48 w-full cursor-pointer rounded-lg object-cover"
       @click="emit('open', note)"
     />
diff --git a/frontend/src/components/NoteEditor.vue b/frontend/src/components/NoteEditor.vue
index e8427a4..7457a16 100644
--- a/frontend/src/components/NoteEditor.vue
+++ b/frontend/src/components/NoteEditor.vue
@@ -264,7 +264,7 @@ async function act(fn: () => Promise<void>) {
       <div class="flex flex-col gap-2 p-4">
         <div v-if="liveNote.attachments.length" class="flex flex-wrap gap-2">
           <div v-for="att in liveNote.attachments" :key="att.id" class="group/att relative">
-            <img :src="att.url" alt="" class="h-24 w-24 rounded-lg object-cover" />
+            <img :src="att.url" alt="" loading="lazy" decoding="async" class="h-24 w-24 rounded-lg object-cover" />
             <button
               type="button"
               class="absolute right-1 top-1 rounded-full bg-black/50 px-1.5 text-white opacity-0 transition group-hover/att:opacity-100"