Optimize critical images is not Preloading the correct images for mobile screens
Describe the bug Website https://savingyourtail.com/
This image Should be Preloaded for mobile screens: /Homepage-banner-without-text_V1-R2_Rs-2-1.jpg
It is preloading this one: /Homepage-banner-without-text_V1-R2_Rs.jpg
To Reproduce Steps to reproduce the behavior:
- Open the website source code
- Check it on mobile size view
- Look for this image in the source code: /Homepage-banner-without-text_V1-R2_Rs-2-1.jpg
- That image is not Preloaded. Missing our Markup:
_rel="preload" data-rocket-preload as="image" fetchpriority="high"_
Preloading this one: Homepage-banner-without-text_V1-R2_Rs.jpg.webp Which is incorrect.
Expected behavior Should Preload the correct image, the same as PageSpeed report flag, for mobile version: https://pagespeed.web.dev/analysis/https-savingyourtail-com/x9tpq6viqh?form_factor=mobile
Screenshots If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: IOS/Windows
- Browser Chrome, Version 137.0.7151.104
- Safari, 18.5
Smartphone (please complete the following information):
- Device: All devices
- OS: IOS Android
- Browser Chrome, Version 137.0.7151.104
- Safari, 18.5
Additional context Slack thread: https://group-onecom.slack.com/archives/C08EFUGUH5G/p1749753594987479 Ticket: https://secure.helpscout.net/conversation/2967141897/566592?viewId=8127822