-
Posts
-
Hi there,
I am working on speed improvements for a site a friend is building with X. GTMetrix tells me I need to serve scaled images. It was my understanding that X uses something called the (srcset) which automatically serves the correct image size for the screen resolution, and X also creates different image sizes along with WordPress.
However lets say I have a row of 4 images. In a full-width browser they are smaller than in mobile where they stack vertically. So on a cellphone I may need images 600px wide, whereas on a laptop only 200px wide. When I inspect the image it seems like the same image is being pulled in and just being scaled somehow despite the viewport size,.
How can I achieve the right image size for:
– whether it is a full width row with one wide image, or say a row split into 2, 3,4 or 5 that needs different image sizes for when the row displays all images across horizontally or stacks vertically when the viewport is smaller?Thanks for your support!
Hi there,
It’s not supposed to serve scaled image for mobile device rather the same image should be served for all device by default and it’s usual. You can try optimizing your image (you can try http://compressor.io/) so that it won’t make any difference if the original is being served.
And you can review our Performance guide to improve the performance of your site.
Thanks!
- <script> jQuery(function($){ $("#no-reply-1205345 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
