What is Largest Contentful Paint?
Largest Contentful Paint is the time it takes for the biggest piece of content in the first screen to appear.
Definition
Usually the hero image or main headline. Google considers under 2.5 seconds good.
Why it matters
It is the moment a visitor feels the page has loaded.
How to get it right
- Optimise and correctly size the hero image.
- Load the main image with high priority.
- Avoid hiding the headline behind slow fade-in animations.
- Serve pages fast from a CDN.
Mistakes to avoid
- Lazy-loading the hero image
- Render-blocking scripts
- Fading in the main heading from invisible
Related terms
- Core Web VitalsCore Web Vitals are Google's three key measures of a page's real-world loading, responsiveness and visual stability.
- Cumulative Layout Shift (CLS)Cumulative Layout Shift measures how much a page's content unexpectedly moves while it loads.
- Server-side rendering (SSR)Server-side rendering means a page's HTML is produced on the server, so it arrives ready to display.
Orlume, the design-first AI website builder, gets the details on this page right for you: describe your site in one prompt and it decides the layout, type, colour and structure, builds it in React and Next.js and puts it live in one click.
Free to start · No card required · Live in one click
More seo and ai search terms
Questions, answered.
The things people ask before they start building.
What is Largest Contentful Paint?
Largest Contentful Paint is the time it takes for the biggest piece of content in the first screen to appear. Usually the hero image or main headline. Google considers under 2.5 seconds good.
Why does Largest Contentful Paint matter?
It is the moment a visitor feels the page has loaded.
How do you get largest contentful paint right?
Optimise and correctly size the hero image. Load the main image with high priority. Avoid hiding the headline behind slow fade-in animations. Serve pages fast from a CDN.
Still stuck? Email usBuild something that doesn't look AI-made.
Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.
- Free to start
- No card required
- Publish to a live URL
- You own the code