Reduce the LCP on `Verify_Pipeline_List`
Why are we doing this work
** This feeds into the Q4FY21 Verify fontend OKR gitlab-com/www-gitlab-com#9776 (closed) **
Currently the LCP (Largest contentful paint) for this page is 7.9s, with the filtered version of the page at 11.3s. The target average across all verify pages is <4s which would suggest a ~50% reduction. However, the LCP you see on your local machine will not map directly to what we see in sitespeed. We need to balance long term gains and short term benefits here to ensure we're making meaningful changes without getting too bogged down with minor improvements.
How is this measured?
The issue FY21-Q4 Dev KR: Improve the LCP performance of 53 routes in Dev that 80% (42) are below 2.5s lists the following spreadsheet: https://docs.google.com/spreadsheets/d/19VENf6d54vuQn7RWjGbA4j2yCgjnNnHHzZ0FZqgonPU/edit#gid=0 to define the routes.
These are 2 relevant routes measured:
| Page Name | Baseline LCP | URL |
|---|---|---|
| Verify_Pipeline_List | 10400 | https://gitlab.com/gitlab-org/gitlab/-/pipelines |
| Verify_Pipeline_ListFiltered | 15800 | https://gitlab.com/gitlab-org/gitlab/-/pipelines?page=1&scope=all&username=stanhu&ref=master |
See: gitlab-com/www-gitlab-com#9776 (closed) for more details
Relevant links
Implementation plan
-
Step 1: Identify areas for improvement -
Step 2: ? -
Step 3: Profit