Improve browser Largest Contentful Paint (LCP) performance of User page to meet main target
The User page's browser Largest Contentful Paint (LCP) performance is unperformant:
* Environment: 10k
* Environment Version: 15.9.0-pre `1ea3d3af647`
* Date: 2023-02-07
NAME | FCP (ms) | LCP (ms) | TBT (ms) | SI (ms) | LVC (ms) | TFR SIZE (kb) | SCORE | RESULT
--------------------------------------|----------|----------------|-----------------|---------|----------|---------------|-------|-------
web_user | 1000 | ✘ 2798 (<2500) | ✓ 115 (<300) | 2377 | 7183 | 49.6 | 81 | FAILED
The User page being tested can be seen here on Staging.
- Latest Historical results - Grafana dashboard
Note that LCP degraded when 15.8.0-pre - b96a187d4bc
was deployed to 10k test env, before that env was on 15.8.0-pre - 600ce7897df
(https://snapshots.raintank.io/dashboard/snapshot/xTSd4azK3jTkqEcgd4aqj3WkKcWvB2pM).
Test Details
Testing was done on our 10k Reference Architecture environment with our lab condition SiteSpeed pipeline (named GitLab Browser Performance Tool internally). The project being tested is a copy of gitlabhq (tarball can be found here). GitLab Browser Performance Tool tests information is listed at Current test details page.
The latest GitLab Browser Performance pipeline results can always be found here. Through this page the full SiteSpeed report can be found via the SiteSpeed Report
link on that page.
As per our performance targets this page's LCP metric is above the target of 2500 ms which is severity4 . Task is to improve the page's browser performance into next tier.