Browser & Web Performance · Middle · Question 68 of 75

How do you collect LCP, INP and CLS from real users with little code?

✓Correct answer: Use the web-vitals library and send its values to your analytics endpoint
2Read them from document.performance.vitals
3Run Lighthouse in each user's browser

Explanation

The library wraps PerformanceObserver and handles edge cases like bfcache restores and background tabs.

Further reading

Test yourself

Take the Browser & Web Performance · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.