[
https://issues.apache.org/jira/browse/ATLAS-5393?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Prasad P. Pawar updated ATLAS-5393:
-----------------------------------
Parent: (was: ATLAS-5349)
Issue Type: Task (was: Sub-task)
> Atlas UI: Preload LCP logo, set dimensions, and add static app shell
> --------------------------------------------------------------------
>
> Key: ATLAS-5393
> URL: https://issues.apache.org/jira/browse/ATLAS-5393
> Project: Atlas
> Issue Type: Task
> Components: atlas-webui
> Reporter: Prasad P. Pawar
> Assignee: Prasad P. Pawar
> Priority: Major
> Fix For: 3.0.0
>
>
> LCP is 7.5s. The LCP element is img.header-logo (atlas_logo.svg), rendered
> only after React hydrates (~10s). Resource load delay is ~9.8s because the
> logo is not discoverable from initial HTML.
> Issues:
> - unsized-images: atlas_logo.svg missing width/height (CLS risk — current CLS
> 0.071)
> - Logo not preloaded in index.html
> - ~5s blank screen before any content paints
> Fixes:
> 1. Add <link rel="preload" as="image" href="/n3/assets/atlas_logo.svg"> in
> index.html
> 2. Set explicit width and height on img.header-logo in SideBarBody.tsx
> 3. Add minimal static HTML/CSS shell in index.html (sidebar chrome
> placeholder + logo) so content is visible before JS executes
> 4. Show sidebar skeleton in Layout.tsx while Redux session/headers load
> Acceptance Criteria:
> * Logo appears in Network tab as preload before React bundle completes
> * Lighthouse LCP element has explicit width/height
> * Lighthouse {{unsized-images}} = 0
> * Non-blank content visible before JS bundle fully executes
> * LCP improves to < 5.5s (intermediate target before heavier perf work)
> * CLS remains ≤ 0.1
> * No visual regression in header layout
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
