How to Improve LCP in WordPress

Improve Largest Contentful Paint by making the LCP resource discoverable, lightweight and fast to deliver.

Identify the LCP element

Do not guess. Use browser performance tooling or PageSpeed diagnostics to find which element is actually reported as LCP.

Improve server response

Caching and adequate hosting reduce the delay before the browser receives HTML and discovers critical resources.

Prioritize the hero resource

If the LCP element is an image, avoid lazy-loading it, size it appropriately and make sure it can be discovered early.

Reduce blocking work

Critical CSS strategy, font behavior and non-essential JavaScript can affect when the LCP element finally paints.

Retest in context

A faster lab LCP is useful, but monitor field data because real devices, networks and cached visits vary.