question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong first meaningful paint?

See original GitHub issue

In this Lighthouse report:

https://builder-dot-lighthouse-ci.appspot.com/report.1513957911311.html

I have these Performance statistics:

screen shot 2017-12-22 at 16 57 04

The First meaningful paint should not be at ~3s?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
patrickhulcecommented, Dec 27, 2017

@abdonrd the filmstrip and metrics are indeed related and the line you see for each metric does correspond to point in time of the filmstrip above.

What @vinamratasingal is saying is that there are lots of things going on with a page that are not captured by the filmstrip (such as network activity, JavaScript execution, etc) that influence the metric values and so they won’t always line up to the first frame that has visual completeness.

In this case though, FMP is when most of the above the fold elements have been rendered, a skeleton is not a “meaningful” paint, i.e. the user didn’t come to your page to see the skeleton they came to see the content so 5s is WAI.

Please let us know if you have any more questions or ideas to make the docs links more accessible!

0reactions
abdonrdcommented, Dec 27, 2017

Oh, okay! I misunderstood the report then. I assumed they were related.

Read more comments on GitHub >

github_iconTop Results From Across the Web

'time to first paint' vs 'First Meaningful Paint' - Stack Overflow
First Meaningful Paint : The time when the browser paints the content that users are interested in. This is highly depends on the...
Read more >
What is First Meaningful Paint (FMP)? - LoadFocus
Time to First Meaningful Paint (TTFMT) is a modern performance metric introduced by few engineers from Google, and is the time to paint...
Read more >
First Meaningful Paint: When page content finally shows up to ...
Painting is a nice way to get ideas to life. First meaningful paint or more often referred to FMP is a key metric...
Read more >
Page Speed Insights - What Is First Meaningful Paint - YouTube
The first meaningful paint time is one of the six measurements collected by Page Speed Insights and used to compile your total score....
Read more >
First Meaningful Paint - MDN Web Docs Glossary
First Meaningful Paint (FMP) is the paint after which the biggest above-the-fold layout change has happened and web fonts have loaded.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found