diff --git a/resources/js/chat-room/message-renderer.js b/resources/js/chat-room/message-renderer.js
index 9c873c6..1835e60 100644
--- a/resources/js/chat-room/message-renderer.js
+++ b/resources/js/chat-room/message-renderer.js
@@ -68,7 +68,7 @@ export function buildChatMessageContent(msg, fontColor, textColorClass) {
             <span style="display:inline-flex; align-items:flex-start; gap:6px; vertical-align:middle;">
                 <a href="${fullUrl}" data-full="${fullUrl}" data-alt="${imageName}" data-chat-image-lightbox-open
                     style="display:inline-block; border:1px solid rgba(15,23,42,.14); border-radius:10px; overflow:hidden; background:#f8fafc; box-shadow:0 2px 10px rgba(15,23,42,.10);">
-                    <img src="${thumbUrl}" alt="${imageName}"
+                    <img src="${thumbUrl}" alt="${imageName}" loading="lazy" decoding="async"
                         style="display:block; max-width:96px; max-height:96px; object-fit:cover; cursor:zoom-in;">
                 </a>
                 ${captionHtml}