From 90eb40caa7f9a097bbf6d74ee46510e559b73ee3 Mon Sep 17 00:00:00 2001
From: akastijn <akastijn@alttd.com>
Date: Sat, 1 Aug 2026 23:36:04 +0200
Subject: [PATCH] Defer rendering of `mini-message` components for optimized
 loading using viewport and idle prefetch placeholders.

---
 .../altitude/chat/components/chat/chat-box.component.html   | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.html b/frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.html
index 70b8116..60793bf 100644
--- a/frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.html
+++ b/frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.html
@@ -4,7 +4,11 @@
       <span class="date-time" [class.blocked]="!message.notBlocked">
         [{{ message.timestamp | date: 'mediumTime' }}]
       </span>
-      <mini-message [node]="message.messageJson"></mini-message>
+      @defer (on viewport; prefetch on idle) {
+        <mini-message [node]="message.messageJson"></mini-message>
+      } @placeholder {
+        <span>…</span>
+      }
     </p>
   }
 </div>