Skip to content

feat(common): detect LCP images in soft navigations - #69963

Closed
SkyZeroZx wants to merge 1 commit into
angular:mainfrom
SkyZeroZx:feat/soft-navigation-lcp-observer
Closed

SkyZeroZx wants to merge 1 commit into
angular:mainfrom
SkyZeroZx:feat/soft-navigation-lcp-observer

Conversation

@SkyZeroZx

@SkyZeroZx SkyZeroZx commented Jul 27, 2026 •

Copy link
Copy Markdown
Contributor

Observe soft-navigation paint entries so NgOptimizedImage can diagnose route-level LCP images in SPAs. Correlate interaction IDs to avoid treating ordinary interactions as navigations.

The adds PerformanceSoftNavigation and InteractionContentfulPaint performance entries so SPAs can measure interaction-driven same-document navigations and their contentful paints.

It's a default in Chrome 151.

References

Note: We can enable chrome://flags/#soft-navigation-heuristics , If we are on older versions

Before

before.mp4

After

After_LCP.mp4

Observe soft-navigation paint entries so NgOptimizedImage can diagnose route-level LCP images in SPAs. Correlate interaction IDs to avoid treating ordinary interactions as navigations.

The adds `PerformanceSoftNavigation` and `InteractionContentfulPaint` performance entries so SPAs can measure interaction-driven same-document navigations and their contentful paints.

Chrome plans to enable this API by default in Chrome 151.

References
* https://developer.chrome.com/docs/web-platform/soft-navigations
* https://developer.chrome.com/blog/chrome-151-beta
* https://chromium.googlesource.com/chromium/src/+/refs/heads/main/docs/speed/metrics_changelog/soft_navigations.md
@pullapprove
pullapprove Bot requested a review from crisbeto July 27, 2026 17:05
@angular-robot angular-robot Bot added detected: feature PR contains a feature commit area: common Issues related to APIs in the @angular/common package labels Jul 27, 2026
@ngbot ngbot Bot added this to the Backlog milestone Jul 27, 2026
@atscott
atscott marked this pull request as draft September 28, 2026 19:31
@angular-robot

angular-robot Bot commented Oct 27, 2026

Copy link
Copy Markdown
Contributor

This draft PR is being closed because it has been stale for 28 days and has seen no activity from you. If you'd like to see this change land, you can re-open this PR. Thank you for being an Angular contributor!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: common Issues related to APIs in the @angular/common package detected: feature PR contains a feature commit

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant