GoogleChrome / GoogleChrome/lighthouse

Properly size images being triggered despite image with correct width available in srcset for devicepixelratio for Moto G4

Open
#12,518 4 comments 7 reactions 1 assignee Claimed by @brendankenny View on GitHub
bug needs-investigation P1.5
Dominant language
JavaScript
Stars
30.8k
Forks
9.8k
Avg merge
1d 14h
Merged PRs (30d)
20

Description

#### Provide the steps to reproduce
1. Run LH on https://cmm4.guruslabs.com/product/classic-womens-hoodie/ (see LH report url below)
2. Observe a **Properly size images** opportunity for one image
![](https://i.imgur.com/JXYarzu.png)
The image in question has many images available via srcset/sizes including one specifically aimed at satisfying the Emulated Moto G4 viewport.
- the image size is 330px on the Moto G4 viewport, and I believe the G4 has a devicepixelratio value of 3, so I created a version of the image with a width of 990px
![](https://i.imgur.com/TjQpHyz.png)

LH Report
https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fcmm4.guruslabs.com%2Fproduct%2Fclassic-womens-hoodie%2F

#### What is the current behavior?
An image with a width of 1074px is being loaded
![](https://i.imgur.com/TxtLJEl.png)

#### What is the expected behavior?
I expect the G4 to load the image with a width of 990px and for this audit to be passed.

#### Environment Information
* Lighthouse version: 7.3

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.