Optimization for mobile devices background images
Hello,
here is used a large background image in the header https://caviar.net.ua/uk/produktsiya/ikra-rosijskogo-osetra/
But how to make in the mobiles loading of a smaller version of the image that was created when this image was uploaded?
The task is to speed up the page loading in the mobile version. I see that the largest version of the image is loading.
What can you recommend?
What can you recommend?
Comments
I thought maybe in the theme settings I can click something to load a smaller image in the mobile version. Or maybe there are plugins that can do this. Because I took only one example, background images do not always weigh 150 kb, especially in the case of PNG.
But the problem is more global and relevant for all sites on your theme. Download speed meters not only google page speed, but also gmetrix give low rating. And one of the main reasons is not optimized images, although I use the plugin from TinyPng. It used to be enough, but now my clients complain about it to me. I see that the situation on your demo sites is somewhat better and I'm trying to understand how to solve this problem in general.
Thank you
We cannot provide help with SEO and website optimization. You would have to figure that one yourself or hire somebody to do it. As I said before, there is too much things that can influence the score. You also have to remember that this is wordpress and betheme is massive so the score will never be perfect. For that you would have to create a custom website.
I understand that optimization for the WordPress is not an easy task and always individual.
I just thought you might have ready-made cases of successfull using some actions and plugins.