Visual tool to scan a page and report missing width/height elements

[adamsilverstein]

This task was suggested by Aymen Loukil for the image focus, however it may fit better in the measurement focus.

[eclarke1]

@adamsilverstein I'll add this to the measurement focus for now and into the backlog, but let me know if that should change.

[dainemawer]

@eclarke1 @adamsilverstein I think I could take a stab at this - sounds like a fun feature to build out.

[eclarke1]

Thanks @dainemawer we can assign this issue to you then and it would be great to move over to 'In Progress' once this is started please

[dainemawer]

@adamsilverstein before I move onto this ticket - do you have any thoughts with regards to implementation? Is this something that we would invision living in WordPress, or separate, like a chrome extension?

[westonruter]

Just to note that sometimes authors intentionally omit width/height attributes such as when adding an remote image that changes randomly. See #49 (comment). Surely not the normal case, but I just wanted to mention the use case.

[dainemawer]

@felixarntz @ThierryA @adamsilverstein @AymenLoukil - I have a minor proof of concept ready here, but I just want to make sure that this is something we actively want to pursue, considering where we currently are with images overall? This feature is blurring the lines between what Lighthouse does pretty well already in terms of flagging images, so I guess my question is - should we rely on Lighthouse and will users know to use it? Or should we looking into incorporating this tool into the plugin?

[swissspidy]

@westonruter Just stumbled upon this — maybe a candidate for Optimization Detective?

[westonruter]

@swissspidy Hummm. Yes! Beyond just reporting issues with missing width and height on elements, it can measure the dimensions of those elements and supply the missing width and height attributes during optimization. 🎉