Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

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?