Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Defer rendering of mini-message components for optimized loading using viewport and idle prefetch placeholders.

Browse Source
This commit is contained in:
akastijn 2026-08-01 23:36:04 +02:00
parent c8b5a01c21
commit 90eb40caa7
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/pages/altitude/chat/components/chat/chat-box.component.html
View File

@ -4,7 +4,11 @@
<span class="date-time" [class.blocked]="!message.notBlocked"> <span class="date-time" [class.blocked]="!message.notBlocked">
[{{ message.timestamp | date: 'mediumTime' }}] [{{ message.timestamp | date: 'mediumTime' }}]
</span> </span>
@defer (on viewport; prefetch on idle) {
<mini-message [node]="message.messageJson"></mini-message> <mini-message [node]="message.messageJson"></mini-message>
} @placeholder {
<span>…</span>
}
</p> </p>
} }
</div> </div>