Optimize userDialog rendering performance #575

New Issue

MrUnknownDE · 2026-04-05T16:21:24+02:00

MrUnknownDE commented

2026-04-05 16:21:24 +02:00

Originally created by @Map1en on 1/30/2025

Added lazy prop to tab-pane:
- lazy loading for el-tab
Added key prop to v-for loops:
- each item in v-for loops has a unique key prop for better rendering performance
Split the rendering logic for userDialog:
- Render the first part (el-dialog) first and then render the rest (user data) to prevent lag and speed up the initial screen display.

I didn't make detailed optimizations. After launching VRCX and letting it idle for 5s, the time taken to display the userDialog when clicking on the friend decreased from approximately 160ms to 70ms.(dev mode)

*Originally created by @Map1en on 1/30/2025* 1. **Added `lazy` prop to `tab-pane`**: - lazy loading for `el-tab` 2. **Added `key` prop to `v-for` loops**: - each item in `v-for` loops has a unique `key` prop for better rendering performance 3. **Split the rendering logic for `userDialog`**: - Render the first part (`el-dialog`) first and then render the rest (user data) to prevent lag and speed up the initial screen display. > I didn't make detailed optimizations. After launching VRCX and letting it idle for 5s, the time taken to display the userDialog when clicking on the friend decreased from approximately 160ms to 70ms.(dev mode)

MrUnknownDE closed this issue

2026-04-05 16:21:24 +02:00

Sign in to join this conversation.

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/VRCX#575