What a frustrating thing, when you optimize your WordPress Themes for fast loading, and things go wrong :
broken layout, broken functions, somethings doesn’t display.
In the Divi Builder, there is an useful function. which allow you to display (or not) some modules on :
- Desktop
- Tablet
- Mobile
It’s specially useful when an image is inserted (from an Image Divi Module) in a Right column on Desktop, but should be displayed at the Top on mobile. Then, you display some images Here on Desktop, and some images There on Mobile.
Still following me?
Today I found out why some of my images doesn’t display on mobile with the lazy loading (very frustrating!!).
Test with iPhone iOS 13, same issue on Safari and Chrome mobile.
I discover the images with that issue was only the images I set to be Hidden on Desktop (oh well!!).
Can I find out a…
Solution for broken images in Divi using the “Hide in desktop” Divi feature and WP Rocket
Then, I remember that WP Rocket have a feature…
1. Separate desktop and mobile cache
It allow us to make a different cache folder for Mobile and Desktop, separately. Then, I tick this checkbox and guess the magic… my images display well now in mobile also with the lazy load!
(sorry, no better screenshot for you, my dashboard is in french)
Make some test with this first, then…
2. Exclude the critical js scripts
You should also exclude these JavaScript files from the Delay JavaScript feature :
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/Divi/js/scripts.min.js
But if you have a complexe website and a lot of difficulties to go “green” in PageSpeed, it’s maybe better for you to…
3. Use an alternate plugin for lazyloading only, keeping WP Rocket in the other hand
Indeed, another solution if the issue persist for you is to disable the WP Rocket Lazyload feature, and install an additional Lazyloading plugin instead.
I recommend you to choose the Smush plugin (1 million active installs) which now have a very good Lazyload feature. And of course, you can disable any Smush features you don’t like and keep using WP Rocket for other performance optimizations.
I hope WP Rocket team will work on this Divi issue in the future, for me to drop Smush lazyloading 😊
If it helps, please, drop a short comment below!
If it doesn’t helps, please, drop a short comment below 😁
