feat(ui): lazy load home page widgets to improve initial load performance#28079
Merged
Conversation
…ance Replace static widget imports with React.lazy() in CustomizeMyDataPageClassBase and wrap widget renders in Suspense with a skeleton fallback in CustomizableLandingPageUtils. Each widget now loads as a separate JS chunk, reducing the initial bundle size of the home page. Closes open-metadata/openmetadata-collate#4075 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
shah-harshit
added
UI
![gitar-bot[bot]](https://avatars.githubusercontent.com/in/827041?s=60&v=4){kind=small}
Contributor
Jest test CoverageUI tests summary
|
Contributor
🟡 Playwright Results — all passed (13 flaky)✅ 4135 passed · ❌ 0 failed · 🟡 13 flaky · ⏭️ 86 skipped
🟡 13 flaky test(s) (passed on retry)
How to debug locally# Download playwright-test-results-<shard> artifact and unzip
npx playwright show-trace path/to/trace.zip # view trace |
siddhant1
reviewed
May 18, 2026
…ataQuality tests - Use `.first()` with `expect().toBeVisible()` instead of `.waitFor()` on multi-match locator `[data-testid="status-data-widget"]` (8 elements) - Add `page.mouse.move(0, 0)` before sidebar hover in `sidebarClick` to dismiss tooltips that intercept pointer events - Wrap all test bodies in `test.step()` for readability and granular failure reporting Fixes open-metadata/openmetadata-collate#4132 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
shah-harshit
changed the title
…ept in DataQuality tests" This reverts commit 644900b.
shah-harshit
changed the title
Code Review ✅ Approved 1 resolved / 1 findingsLazy loads home page widgets using React.lazy and Suspense to improve initial bundle size, while reverting lodash-es to resolve compatibility issues and removing unused project artifacts. No issues found. ✅ 1 resolved✅ Edge Case: Missing per-widget error boundary for chunk load failures
OptionsDisplay: compact → Showing less information. Comment with these commands to change:
Was this helpful? React with 👍 / 👎 | Gitar |
|
chirag-madlani
approved these changes
May 19, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
React.lazy()inCustomizeMyDataPageClassBaseSuspensewith a skeleton fallback inCustomizableLandingPageUtilsTest Plan
Closes https://github.com/open-metadata/openmetadata-collate/issues/4075
Summary by Gitar
lodash-estolodashacross multiple utility files to resolve bundling compatibility issues.vite.config.tsto aliaslodashtolodash-es, enabling tree-shaking while maintaining runtime stability.This will update automatically on new commits.