优化：聊天图片添加 loading="lazy" 懒加载

在 message-renderer.js 的聊天图片缩略图 img 标签上添加 loading="lazy" decoding="async"，非可视区域的图片不会被加载，减少初始页面数据传输。
2026-04-28 10:33:49 +08:00
parent 62371a7c64
commit e7049b5f5b
1 changed files with 1 additions and 1 deletions
@@ -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}