Tagged: W3 Total Cache Troubleshooting
July 1, 2022 at 12:28 pm #54907Chris NesbittGuest
I’m testing out W3 Total Cache and have gained some positive results in the performance, but there is an error happening which is baffling me. I’ve got a bit of custom CSS and jQuery code employed so that the blog title, subject and text get repositioned over the image. It’s worked flawlessly for months, and is utilized on these two pages:
Upon activating W3 Total Cache, the code gets short-circuited, as if it’s not even there, so that the data moves down below the image. Here are screenshots:
Plugin deactivated: https://ibb.co/dKfQ5Cp
Plugin activated: https://ibb.co/tYjxWGC
The plugin is currently deactivated to avoid the problem, but I’m hoping it’s something as simple as a setting on W3 Total Cache, as opposed to not being able to use the plugin altogether.
Thanks for your time!
1. I’m using DIVI
2. I setup the plugin according to your instructions here: https://www.boldgrid.com/support/w3-total-cache/divi-w3-total-cache-guide/
3. The custom code I mentioned is described here: https://www.peeayecreative.com/how-to-move-the-divi-blog-title-text-and-button-over-the-image/July 1, 2022 at 12:33 pm #54930
Thank you for reaching out and I am happy to assist you with this.
We need to determine which setting in W3 Total Cache may be causing this since the activation of the newly installed W3TC only has Browser Cache enabled.
One thing that comes to mind is minify. To confirm this, please disable minify in Perfirmance>General settings, save all settings and purge the cache and see if the issue persists?
If the issue is gone, re-enable minify, and disable the settings in Performance>minify one by one (HTML minify, JS minify, CSS minify) and see which one might be causing the issue.
Make sure to save all settings and purge the cache after each option is disabled.
Also, check if you are using theme optimization for static files in your Divi settings.
Thanks!July 4, 2022 at 12:53 pm #54939Chris NesbittGuest
Thanks for your help! I was able to identify the issue… so now what?
You were right, it was JS minify. Within that, the following settings were used:
Minify method: Combine and Minify
Minify engine settings:
Before</head> Non-blocking using “defer”
After<body> Non-blocking using “defer”
And the last three boxes are unchecked.
Also, within Divi, if you are referring to “Static CSS File Generation”, then YES, that is enabled.
So what is your recommendation now regarding JS minify?
ChrisJuly 4, 2022 at 12:56 pm #54982
Thank you for your feedback.
First try to set Minify engine settings back to default-blocking, first for Before, save all settings and purge the cache, and if that does not work, do the same for After
There is a chance that the custom code is jQUery dependent, which means that you need to exclude the jquery from being minified when differing the files.
Thanks!July 6, 2022 at 8:55 am #55030Chris NesbittGuest
Hey Marko, great advice again. Default-blocking for only Before did the trick. Thank you! The only problem is that the performance results suffered a minor blow. My performance test (Rank Math) is now returning this result:
Any suggestions?July 6, 2022 at 9:08 am #55046
Thank you for your feedback.
Yes, yes differing JS files may be an instant performance boost, however, as I’ve mentioned in your case, the minified JS file in the header does not like being deferred, and the reason behind this is because some files are jQUery dependent.
What you may want to do is to exclude the jQuery file from minifying in Performance>MInify>Advanced>Never minify following JS files, save all settings and purge the cache, and try to deffer files before again.
Thanks!July 7, 2022 at 9:09 am #55065Chris NesbittGuest
This setting didn’t seem to work.
The display problem came back and the performance problem remained.
- The topic ‘custom code gets ignored’ is closed to new replies.