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.
Largest Contentful Paint cannot compute on SVGs
See original GitHub issueProvide the steps to reproduce
- Run LH on lshi.ru (made in Preact: source) or rightonhana.me (made in React: source).
- Check the output
What is the current behavior?
The Largest Contentful Paint sections gives this error:
Something went wrong with recording the trace over your page load. Please run Lighthouse again. (NO_LCP)
What is the expected behavior?
Get meaningful output in that section.
Environment Information
- Affected Channels: DevTools
- Chrome version:
85.0.4183.83 (Official Build) (64-bit) - Operating System: MacOS/Linux/Windows
- Private Mode, no extensions running.
Related issues https://github.com/GoogleChrome/lighthouse/issues/11180 https://github.com/GoogleChrome/lighthouse/issues/10869 https://github.com/GoogleChrome/lighthouse/issues/11003
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:6
Top Results From Across the Web
Improve Largest Contentful Paint (LCP) on Your Website With ...
Largest Contentful Paint or LCP is one of the Core Web Vitals metrics, which measures when the largest content element in the viewport...
Read more >How To Improve The First Contentful Paint And The Largest ...
Answer: To calculate the Largest Contentful Paint, you need block-level elements, which can be the <main> and <section> elements. You can ...
Read more >How to Improve Largest Contentful Paint (LCP) and SEO
Largest Contentful Paint (LCP) is one of a number of metrics measuring the render time of content on a web page.
Read more >How to Optimize Late-Discovered Largest Contentful Paint ...
How can we optimize our largest contentful paint metric with the Preload method? Solve your late-discovered LCP element with this article.
Read more >Optimize Largest Contentful Paint - web.dev
Here are some examples where the LCP resource cannot be discovered from scanning the HTML document response: The LCP element is an <img>...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
So reply on that crbug says that according to the spec, pages like this have no LCP. That’s definitely suboptimal, so I poked the upstream issue https://github.com/WICG/element-timing/issues/47#issuecomment-699067245. We’ll see.
It’s not in Lighthouse’s hands @MatRivard https://github.com/WICG/element-timing/issues/47#issuecomment-699067245 is the correct place to track updates.