Resize of images hurting site performance

breathwork

I want to know how I can reduce/remove the following issues as reported by gtmetrix https://cl.ly/76deed

teitbite

breathwork Hi. This means that You should resize all of mentioned images in some picture editor to the size it's being requested and replace them in site's files.

For general image optimization I would advice this component: https://extensions.joomla.org/extension/imagerecycle-image-optimizer/

breathwork

teitbite Wow I wonder why I didn't think of that!

Actually the images are used in various places in various sizes only zentools2 usage causes a performance hit on gmetrix all the rest are sweet.

My understanding is that zentools2 is responsible for the resize of the image on the fly.

So I hand the issue back to you as unresolved so far.

teitbite

breathwork Hi. Zentools2 is using responsiveness functions, which meant if fits its content to the size of a device it's being looks at. So if Your question is about images showing inside of this module than it's actually correct that it resizes it with CSS. The much worst affect on performance would be to have multiple same images of different sizes to fulfill the restrictions of this test.

breathwork

teitbite The much worst affect on performance would be to have multiple same images of different sizes to fulfill the restrictions of this test.

Well that flies in the face of the advice given by gmetrix and many other site performance tools.

However what I am hearing from you is that it is a function of zentools2 to resize on the fly and that there is no possibility to achieve the same ends that would be better for performance? Is this true?

teitbite

breathwork Hi. Basically yes. But it's not only Zentools which is using this functionality to use same images and only resize them with CSS. This is a standard procedure to achieve responsiveness on the website.

And Yes. Resizing image with CSS has way better results than having for example 8 same images but in different sizes.

What I would do it this case is to check the size of the image it has to be on desktop, which is the biggest layout option for the image, than resize the image in editor to best fit the space available for it. Than I believe the gmetrix which is checking the image size only for this one device will stop reporting that as well.