gatsby: Lighthouse audit problem with Gatsby image.
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
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Reactions: 7
- Comments: 24 (8 by maintainers)
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
Closing this for now. I will open a new one when I encounter this issue again.
Not stale.