GoogleChrome / GoogleChrome/lighthouse
Too large background images should trigger responsive image audit not offscreen audit
- Dominant language
- JavaScript
- Stars
- 30.8k
- Forks
- 9.8k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 20
Description
This image is actually loaded via a background css rule with a class in the body and oddly it should be in most cases not needed to be lazy loaded as is visible on the top, either way I used the unveilhooks plugin of lazysizes.
link to the website: www.otzerling.com

Contributor guide
Research direction
Start by reproducing the audit behavior on www.otzerling.com, focusing on the background CSS image and the lazysizes unveilhooks plugin described in the report. Compare whether the image is classified as an offscreen image or a responsive-image opportunity. Done means oversized background images are reported by the responsive image audit rather than the offscreen audit, with the existing behavior for genuinely offscreen images preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100