Image optimizations to fix Pagespeed issue

Hi @zotezo

I hope you are doing good today.

1) Defer offscreen images issue could be fixed by Smush Lazy Load Feature

2)Serve images in next-gen formats and 3) and Properly Size images in google pagespeed insights will be covered by our CDN feature.

Please note CDN feature is available in the Pro version only.

Kind Regards,
Kris

Which CDN you are using? How it will improve being visitors of India?
Will it work with Autooptimize wp rocket
Combination?
Will it work with a3 lazy load also?
Will it copy another image version in your CDN?

Hi,
issue found after enabling WP-smush in my dev site
1) When I enable Lazy load (after disabling WP_rocket lazy load and A3 lazy load) no images are showing all images vanished
2) Have not seen any pagespeed rank improvement on home page and custom medicine page
https://dev3.zotezo.com/in/medicines/amaryl-1mg-tablet/
https://dev3.zotezo.com/in/
Showing this error-1) Serve images in next-gen formats 2)Properly size images
How to fix this issue?
Thanks

Hi @zotezo

I hope you are doing well.

Which CDN you are using? How it will improve being visitors of India?

We use StackPath servers and network to deliver
https://premium.wpmudev.org/docs/wpmu-dev-plugins/smush/#cdn

It will serve the closest location of India improving the delivery, you can check the locations on StackPath website too.

Will it work with Autooptimize wp rocket
Combination?

It can work but you must use only one feature, for example, if you use the Smush CDN, do not use other CDN plugin, same for Lazy Load.

Will it work with a3 lazy load also?

As far you don’t use the Smush Lazy Load should work, but since the Smush also has Lazy Load, it is a nice idea to keep the site clean as possible using fewer plugins as possible.

Will it copy another image version in your CDN?

It will copy the image on the CDN, cache on the server and server on the fly on the front end, it doesn’t remove or modify any image from the media library.

1) When I enable Lazy load (after disabling WP_rocket lazy load and A3 lazy load) no images are showing all images vanished

I can see the images on your website, but seems Smush Lazy Load is disabled.

Can you please disable any other Lazy load feature, flush all caches and enable the Smush Lazy Load, so we can check what is causing the problem?

2) Have not seen any pagespeed rank improvement on home page and custom medicine page

Showing this error-1) Serve images in next-gen formats

Smush only serve images on NextGen formats on the CDN which is the premium features, it doesn’t convert the local images for now.

2)Properly size images

This is happening because the image is resized on CSS, the Smush CDN will try to fit images on the container on the fly, but some resize we need to manually fix.

Here is an example, the logo image is 300px, but the front end is resizing to 160px

https://monosnap.com/file/AN8vsfuTchV7wgAWTCumMxsfIfHA3O

In case it is a premium theme, I suggest contacting the theme developer to avoid those resizes.

You can also use an image that fits the container size, by enabling the Smush > Tools > Image Resize Detection it can help to find the correct sizes.

Let us know if you need any further help on this
Best Regards
Patrick Freitas

Thank you for using Smush. We are going to close this ticket for now because we have not heard from you in a while. If you still need support we can reopen the thread.

Cheers,
Predrag