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 audit problem with Gatsby image.

See original GitHub issue

Summary

I get performance score of 84-89 for my home page using Lighthouse audits. It is showing a problem saying: “Properly size images: Serve images that are appropriately-sized to save cellular data and improve load time.”

Relevant information

Gatsby Image fluid is used with both minWidth and maxWidth provided to maintain aspect ratio.

Environment (if relevant)

Not relevant

File contents (if changed)

gatsby-config.js: N/A package.json: N/A gatsby-node.js: N/A gatsby-browser.js: N/A gatsby-ssr.js: N/A

Issue Analytics

State:
Created 4 years ago
Reactions:7
Comments:24 (8 by maintainers)

Top GitHub Comments

1reaction

laradevittcommented, Sep 23, 2020

Regarding comment above by @JordanHoffman and @benbehringer - I’m also still getting blur-up effect with GatsbyImageSharpFluid_withWebp_noBase64. On the upside, the LCP hit is apparently something that’s being worked on in Lighthouse so I’m not going to fuss about it too much.

See: Kyle Mathews comment: https://github.com/gatsbyjs/gatsby/issues/24332#issuecomment-650799066 Twitter exchange between KM and Lighthouse dev: https://twitter.com/addyosmani/status/1277293541878673411 Issue tracker: https://bugs.chromium.org/p/chromium/issues/detail?id=1045640

1reaction

TheFirstMecommented, Apr 11, 2020

Closing this for now. I will open a new one when I encounter this issue again.