Have questions about images on the web? Tweet your questions to @ChromiumDev with #AskChrome and we'll answer the top questions in our next #AskChrome episode on YouTube.

First Meaningful Paint

Overview

Page load is a key aspect of how a user perceives the performance of your page. See Measure Performance with the RAIL Method for more information.

This audit identifies the time at which the user feels that the primary content of the page is visible.

Recommendations

The lower your First Meaningful Paint score, the faster that the page appears to display its primary content.

Optimizing the Critical Rendering Path is particularly helpful towards achieving a faster First Meaningful Paint.

Tracking FMP in the real world

To measure when FMP actually occurs on your users' devices, see Tracking FMP using hero elements.

See Assessing Loading Performance in Real Life with Navigation and Resource Timing for more on collecting real-user metrics with the User Timing API. The User Timing Marks and Measures Lighthouse audit enables you to see User Timing data in your report.

More information

First Meaningful Paint is essentially the paint after which the biggest above-the-fold layout change has happened, and web fonts have loaded. See the documentation to learn more: First Meaningful Paint: A Layout-Based Approach.

Feedback

Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please create an issue.