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.
lighthouse fail of images
See original GitHub issuehello,
I love this plugin but it is causing me to fail with google page speed insights in a few spots.
Next.js has lazyloading built in if I use its < Image /> component which helps with all my other images.
is there a way to rewrite the following to use that?
<ReactCompareSlider
itemOne={<ReactCompareSliderImage src="https://res.cloudinary.com/djk8wzpz4/image/upload/v1611180870/MCA-pixel-portrait_jqm50p.jpg" srcSet="https://res.cloudinary.com/djk8wzpz4/image/upload/v1611180870/MCA-pixel-portrait_jqm50p.jpg" alt="Image one" />}
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Why are there unused images resources while using Google ...
I try to improve the overall performance of loading time (especially images) with the Google Chrome Lighthouse extension of this website: ...
Read more >The failure "Displays images with incorrect aspect ratio" is ...
Open Developer Tool, on "lighthouse" tab, select "mobile" device, click "generate report";; Click on the score of Best Practices;; In "User ...
Read more >Lighthouse: improve performance scores by properly ...
The image above represents a portion of a Lighthouse audit where a site is failing to properly size their images. As you can...
Read more >We increased our Lighthouse score by making our images ...
When a measure becomes a target, it ceases to be a good measure. Which is to ask: So they improved their Lighthouse score,...
Read more >Why Lighthouse says image elements lack width and height ...
Lighthouse says your images lack width and height. Wondering why Lighthouse is recommending you to fix this, although you don't see any ...
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
Hello, that did it, thank you. It was Eliminate render-blocking resources for sure and either First Contentful Paint or Largest Contentful Paint
Sweet! Thanks for opening the issue.