Measure the experience users actually receive.
Field data is especially valuable because it reflects real devices, connections and usage patterns rather than only a laboratory test environment.
This guide is written to support real implementation decisions rather than provide a generic checklist.
Key points to understand
LCP measures how quickly the main visible content becomes available, often influenced by server response, images, fonts and render-blocking assets.
INP reflects responsiveness across user interactions and can expose expensive JavaScript, long tasks or overloaded event handling.
CLS captures unexpected visual movement caused by missing dimensions, late-loading elements or unstable layout behaviour.
Optimise from root causes, not scores.
The same metric can have different causes on different pages, so diagnosis should start from actual page behaviour.
Useful toolsPageSpeed Insights · Chrome UX Report field data · Lighthouse for lab diagnostics · Browser performance tooling
Common causesOversized hero images · Render-blocking CSS or fonts · Heavy client-side JavaScript · Images and embeds without dimensions