Hi all,
We are using Lighthouse to check our website, and found a “Properly size images” which is related to “SiteOrigin Image”.
We just created a demo WordPress website and duplicated the problem here.
Lighthouse Screenshot
Lighthouse Report
Is there anything I did wrong or SiteOrigin can do some improvement on its code? Thanks a lot!
Hi, thanks for getting in touch.
Does the issue persist if you create the same page without using any SiteOrigin plugins?
Thanks Andrew,
The issue persists if no SiteOrigin. I guess “SiteOrigin Image” would do better than official WordPress image?
Hi, thanks for testing and confirming the issue isn’t specific to the SiteOrigin Image Widget.
The SO Image Widget and WordPress are both using the WordPress srcset functionality.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
Here is an example: https://demo.siteorigin.com/corp/sandbox/. The source is:
As you can see above, more than one image size is available. Ref: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images#resolution_switching_different_sizes.
If you re-activate the SO Widgets Bundle, I can take another look at the page in question. The browser should be selecting the smaller image image is in the srcset for mobile devices.
Hi Andrew,
Thank you for your help.
Your example sandbox is using 720px width, so I also tested 720px in my demo site, and result that no “Properly size images” warning any more. Do you think it is just a bug of lighthouse?
1024px width:
Demo URL
Lighthouse report
720px width:
Demo URL
Lighthouse report
Thanks for your reply. It would seem like this is a Lighthouse false positive.