Add structured log for page load performance using Navigation Timing API

[Chucks1093]

Summary

There is no client-side visibility into page load performance across different routes. A structured log using the Navigation Timing API should emit load metrics on each full page navigation so slow routes can be identified from production logs.

Scope

• After each route change, read PerformanceNavigationTiming for the current page
• Emit a debug-level log with fields: route, dom_content_loaded_ms, load_event_ms, time_to_first_byte_ms
• Log should only fire after the load event has completed, not during navigation
• Skip logging on routes where the timing data is not available

Acceptance Criteria

• Log emitted after each full page load with all four fields
• Log not emitted before the load event completes
• Skipped silently when timing data unavailable
• Log level is debug

ETA: 12 hours

---

Coordinate on Telegram

[jaymoneymanxl]

@jaymoneymanxl has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hello maintainer, please can I take this?

ℹ️ Repo Maintainers: To accept this application, review their application or assign @jaymoneymanxl to this issue.

[wagmiiii]

@wagmiiii has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

please assign to me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @wagmiiii to this issue.

[sladeoj]

@sladeoj has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

hii i would love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @sladeoj to this issue.

[vj570145-web]

@vj570145-web has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I've looked closely at the issue and am confident I can provide a clean, effective resolution.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @vj570145-web to this issue.

[Damilorlar]

@Damilorlar has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I would love to work on this project

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Damilorlar to this issue.

[drips-wave]

Congratulations, @Damilorlar! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @Damilorlar: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Damilorlar as part of the Stellar Wave Program's 7th Wave 🥳

😎 @Damilorlar: You earned 150 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.