FY21-Q4 Create: Source Code BE KR: Improve the LCP performance of 2 routes in Dev reducing them to below 2.5s. => 100%
Our average Large Contentful Paint is currently 2196ms and includes these routes:
| Route Name | Route URL | LCP |
|---|---|---|
| SourceCode_Repo_Small | https://gitlab.com/gitlab-org/language-tools/go/linters/goargs | 1632 |
| gitlab-org_gitlab-_commit_247042bc4c13e45cc1bb97592b53fb78f098a19b | gitlab-org/gitlab@247042bc | 1736 |
| 1758 | ||
| _gitlab-org_gitlab | https://gitlab.com/gitlab-org/gitlab | 2045 |
| _gitlab-org_gitlab_blob_master_app_assets_javascripts_main_js | https://gitlab.com/gitlab-org/gitlab/blob/master/app/assets/javascripts/main.js | 2061 |
| gnachman_iterm2-_tree_master_tools | https://gitlab.com/gnachman/iterm2/-/tree/master/tools | 2461 |
| https://gitlab.com/ddevault/scdoc | 2731 | |
| SourceCode_Repo_Large | https://gitlab.com/gitlab-org/gitlab/-/tree/master | 3142 |
In Q4, we will focus on routes that have an LCP of > 2.5s by reducing them to <= 2.5s, bringing our average to 2086ms:
Monitoring, Tools & Resources
- A dashboard has been created to monitor the progress of each route.
- Page summaries can be displayed here by using the filters at the top. If you enable "runs," you will see markers that you can open to see individual run data.
- Page timing metrics are located here with the same filters. If you enable "runs," you will see markers that you can open to see individual run data.
- Full reports can be accessed here. You can download the video, timeline, and HAR files. You can access Lighthouse data with a list of opportunities to improve, the waterfall timings (with backend requests and response data, time spent in Rails), visual metrics, compare the HAR file with a different HAR file, and more.
- Check out this recording for more information on how to use the above tools.
- All recordings of the Application Performance Session meeting can be found here.
Edited by Sean Carroll