I notice on GTMetrix that some of my images are being scaled:
http://www.screencast.com/t/ORJQnMZA1lbp
These are the ones in my big slider. Those dimensions aren’t available in the theme panel, but are apparently being used by the theme… Should I add these image sizes manually in my child theme functions?
Thanks!
Hello TheMediumUTM,
As i see it, GTMetrix is just suggesting you downscale your images in order to increase site speed. The theme does not use those dimensions, but rather the ones in our doccumentation: https://forum.tagdiv.com/theme-thumbs/
If you re-size images, you will get a grey box around them as they will no longer fill the container’s width and height. like so: http://screencast.com/t/O3aFIP6vMTy (i re-sized them to GTMatrix’ suggestion). GTMatrix tests performance, not appearance.
Thank you.
Thanks for your reply!
Actually, GTMetrix isn’t suggesting that I just make the images smaller. It’s saying that the images are being displayed at that specified width and height in the <img> tag, but the actual file is bigger and has to be scaled down to that display — which means a few extra kb of image have been downloaded.
The theme does in fact use that size, indirectly: http://www.screencast.com/t/6sIqSW4yk
After poking around, I realized what’s happening. It’s the CSS scaling to different screen sizes that results in these extra dimensions, so GTMetrix must be doing its virtual render on a “screen” less than 1200px wide.
Since the dimensions of these <img> change dynamically after page load, the image file doesn’t get downloaded again for each scaled-down size, nor would we want it to. So this is not really a problem. 🙂
Maybe a documentation note to explain this for anyone looking at the warnings from speed tests like this?
Hi,
Responsiveness does that, yes. I will add your suggestion to our list and we will add it in the documentation as soon as we can.
Thank you for your message.
