This thread is resolved. Here is a description of the problem and solution.
Problem: I am seeing some JavaScript errors after optimizing my site with WP Rocket.
Solution: Follow our guide to exclude certain assets from JS and CSS optimization and deferral.
Relevant Documentation:
https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 2 replies, has 2 voices.
Last updated by 3 years, 8 months ago.
Assisted by: Christian Cox.
I am trying to: display the toolset masonry grid
Link to a page where the issue can be seen: hidden link
I expected to see: masonry grid with padding between all images
Instead, I got: sometimes when loading the page, the images get jumbled and there are some padding issues, and sometimes the image gallery bleeds into the CTA section at the bottom of the page. Sometimes pages using this template load fine, but others it seems to break. I did notice disabling WP Rocket minification of CSS and Javascript seems to resolve the issue. But I'd like to be able to keep those settings turned on if at all possible.
Hello, we recommend you exclude some Toolset assets from minification, concatenation, and obfuscation processes. Forced JavaScript deferral is not recommended for Toolset's core JavaScript, and I can see your settings have enabled deferrals globally. That deferral is responsible for the reference error you noticed, so some configuration changes in WP Rocket are necessary to keep Toolset running and allow you to still get the most benefit from Rocket's optimizations. Based on our guide: https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/, I checked your WP Rocket settings for JS and CSS assets and made some adjustments.
1. I excluded the following CSS file from minification:
/wp-content/plugins/toolset-blocks/public/css/views-frontend.css
2. I removed this item from excluded files in the Combine/Minify JS area. It's not a complete file path and it's not necessary to exclude it anyway:
toolset-common-es-frontend.js
3. I excluded Toolset's JS files from deferral:
/wp-content/plugins/toolset-blocks/(.*).js /wp-content/plugins/types/(.*).js
See the screenshots here. After those updates I purged the Rocket cache and retested a few times, and the JS error seems to be resolved. Not quite sure about the CSS issues you mentioned though...can you confirm the template is displayed as expected consistently now?
