Hello, first of all congratulations for your work. The truth is that it is greatly appreciated that a topic has a support like you.
The case is that I am trying to optimize the speed of the web, and the truth is that I have achieved good metrics.
But there is a problem with the images displayed in the menu. In the menu design, I wanted the articles of the subcategories to show the cover image. But that makes it load slow. As those images are embedded in a Css code, I don’t know how to optimize them. I attach images so you can understand it better.
Thank you very much for your help
Hi,
Indeed, your score is quite impression!
About those images from the mega menu, most of the time using a plugin like EWWW Image Optimizer -> https://i.imgur.com/jXs3AIS.png is resolving the problem.
Also, you can try those options for preload -> https://i.imgur.com/5sELvb0.png
I hope will help you!
Thank you, the images are already in WebP, as the screenshot is attached. The problem comes in that the images shown in the mega menu, that being inside the CSS is not able to be able to modify them. I have installed the ewww module, but it does not do it either. Moreover, when I installed the EWWW plugin, it caused me that the images were not displayed and appeared blank.
Please, could you help me?
Thank you very much
https://ibb.co/XSvj4xB
https://ibb.co/HPdKrz4
Example of an article image: https://subdominio.eldigitalsur.com/wp-content/webp-express/webp-images/uploads/2022/06/Maestros-canarias-160622.jpg.webp
Hello!
It should work with that plugin. Make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, and try again.
As a suggestion, disable the lazy load animation: https://www.screencast.com/t/O5pfqQdb
Thank you!
Thank you very much for your reply.
I haven’t tried it as you say, but certainly, if I deactivate the cache plugin, the Webp plugin and everything I have installed for web optimization, it won’t do me any good if the megamenu photos are in Webp.
Everything else will load slowly again.
I don’t consider that to be the solution.
About: “Disable lazy load animation” It is not enabled.
The problem is that since the megamenu pictures are embedded inside a CSS, they are not accessible.
Isn’t there any code that allows access????
As you can see in the screenshots, the loading of these photos slows down the loading process a lot.
Hello!
Unfortunately, we do not have any option or code to optimize pictures.
For customization and other services you can contact our custom work team here: https://tagdiv.com/premium-customization-services/
Thank you for understanding!
In my opinion, this problem should be fixed in future updates. Since it is a serious WPO error. It not only affects my project, but anyone who wants to buy your theme. Honestly, I don’t think that the only option they tell me is that I have to pay to have this problem fixed.
Rather, they should, as I said, fix it for future updates.
Best regards.
Hello!
Sure. We will take into consideration your query for the future.
Thank you for understanding!
Apart from the Homepage, the categories have the same problem. As you can see in the screenshot and I imagine you know it, the loading is greatly affected. It is a serious problem that please fix it as soon as possible, because as we all know the WPO is a very important factor in the positioning.
https://ibb.co/MBG3Dws
