I am developing a web site and I have encountered a problem regarding images and galleries.
Images are getting smashed whenever you enter the page, once you refresh a couple of times, it gets fixed but the first time you enter the page it looks like this:
When it should look like this:
The process these images got through was:
- Upload
- Place the gallery (Gutemberg Block)
- Optimize with the EWWW Plugin
After that and regarding the image optimization I have the PageSpped Ninja, Autoptimize, and Smush plugins activated.
I have tried to disable all of them and the problem persists, I hope you can help me with this.
Thank you :D
I am developing a web site and I have encountered a problem regarding images and galleries.
Images are getting smashed whenever you enter the page, once you refresh a couple of times, it gets fixed but the first time you enter the page it looks like this:
When it should look like this:
The process these images got through was:
- Upload
- Place the gallery (Gutemberg Block)
- Optimize with the EWWW Plugin
After that and regarding the image optimization I have the PageSpped Ninja, Autoptimize, and Smush plugins activated.
I have tried to disable all of them and the problem persists, I hope you can help me with this.
Thank you :D
Share Improve this question asked Aug 19, 2020 at 10:22 Daniel RobledoDaniel Robledo 1 5- try to lazy load plugin add and cache plugin – Dharmishtha Patel Commented Aug 19, 2020 at 10:35
- You're running 4 image optimization plugins at the same time? – Jacob Peattie Commented Aug 19, 2020 at 10:57
- The issue that you're running into is that image script is running before the images are fully loaded. Usually DeSandro's 'imagesLoaded' is a fix for this, but if you're running this straight out of a WP gallery it'd be a lot more difficult to integrate. – Pixelsmith Commented Aug 20, 2020 at 0:15
- 1 @Pixelsmith what you said got me thinking and I figured out that the problem was being caused by the smush's lazy load feature, I just excluded those galleries and now everything is fine.Thank you so much :D – Daniel Robledo Commented Aug 20, 2020 at 10:25
- Fabulous! Great to hear you were able to resolve it. You should put your own answer, accept it so that this question can be marked as resolved. – Pixelsmith Commented Aug 20, 2020 at 17:48
1 Answer
Reset to default 0The problem was being caused by the smush's lazy load feature, I just excluded those galleries and now everything is fine