⚡ Add lazy loading for large PodDrillDown tab components#13065
Conversation
- Convert PodLabelsTab, PodRelatedTab, PodOutputTab, and PodAiAnalysis to lazy imports using safeLazy - Add Suspense boundaries with loading spinner fallback for each lazy tab component - Improves initial bundle size of PodDrillDown (1935 lines) by deferring large tab components These tab components are only rendered when a specific tab is selected, making them ideal candidates for lazy loading to improve performance. Signed-off-by: Copilot <copilot@github.com>
|
[APPROVALNOTIFIER] This PR is NOT APPROVED This pull-request has been approved by: The full list of commands accepted by this bot can be found here. DetailsNeeds approval from an approver in each of these files:Approvers can indicate their approval by writing |
|
👋 Hey @kubestellar-hive[bot] — thanks for opening this PR!
This is an automated message. |
✅ Deploy Preview for kubestellarconsole ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
Thank you for your contribution! Your PR has been merged. Check out what's new:
Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey |
❌ Post-Merge Verification: failedCommit: |
|
Post-merge build verification passed ✅ Both Go and frontend builds compiled successfully against merge commit |
Fixes #13058
Summary
Added React.lazy() loading for large tab components within PodDrillDown to reduce initial bundle size and improve performance.
Changes:
This improves the initial bundle size of PodDrillDown (1935 lines) and defers loading of large sub-components until needed.