Skip to content

Add User Timings API marks and measures to the Repository frontend app

Context

While discussing LCP metrics in our Performance Round TableSource Code call, we noticed some unexpected differences explained by not having the same element trigger the LCP metric due to varying lengths of content.

We noticed we still haven't added any marks/measures from User Timings API like we've done in other apps.

These would allow us to discern better the changes in specific performance of our app.

Example

Where? Screenshot
Browser console Screenshot_2023-03-28_at_17.47.55
Sitespeed report (metrics) Screenshot_2023-03-28_at_17.48.53

Proposal

  • Add marks/measures to the file tree listing screen
  • Add marks/measures to the blob view screen

Marks and measures

Type Screen Name of metric
Mark File tree Show first file
Mark File tree Show last file
Mark File tree Show commit
Measure File tree Rendering full list
Mark Blob Start blob content rendering
Mark Blob Finish blob content rendering
Mark Blob Show commit
Mark Blob Show codeowners
Measure Blob Rendering full blob content

(proposals, please feel free to tweak and edit and add/remove as necessary)

Edited by André Luís