Prasad P. Pawar created ATLAS-5396:
--------------------------------------
Summary: Atlas UI: Buldle and CSS Optimization, Reduce unused
JS/CSS via route splitting, lazy imports, and CSS scoping
Key: ATLAS-5396
URL: https://issues.apache.org/jira/browse/ATLAS-5396
Project: Atlas
Issue Type: Sub-task
Components: atlas-webui
Affects Versions: 3.0.0
Reporter: Prasad P. Pawar
Assignee: Prasad P. Pawar
Search route downloads ~2 MB unused JavaScript and ~146 KB unused CSS on every
load.
Top unused JS (search page):
- Router-*.js: 513 KB (84% unused)
- index-CXpXlOx8.js: 405 KB (76% unused)
- EntityDetailPage-*.js: 101 KB (97% unused)
- AdministratorLayout-*.js: 35 KB (96% unused)
- mui-*.js: 561 KB (40% unused)
- utils-*.js: 848 KB (includes moment-timezone)
- d3-*.js: 210 KB (loaded eagerly)
CSS:
- index-D_4lT_Sx.css: 137 KB, 96% unused, render-blocking ~851 ms
Fixes:
1. Audit Rollup chunk graph (rollup-plugin-visualizer)
2. Ensure admin, EntityDetailPage, entity-form routes use dynamic import() only
on navigation
3. Refine manualChunks — separate admin, detail, charts from search bundle
4. Move page-specific SCSS to route/component level; inline ~2–3 KB critical
layout CSS in index.html
5. MUI path imports (@mui/material/Button) to reduce mui chunk
6. Evaluate lighter date lib vs moment-timezone in utils chunk
7. Verify no eager prefetch of all route chunks
--
This message was sent by Atlassian Jira
(v8.20.10#820010)