Plugin WP-Optimize

Hey Soma,

It sounds like the issue you’re facing might be related to the minification process interfering with your theme or certain scripts. Here are a few steps to troubleshoot and fix the problem:

1. Exclude Specific CSS/JS Files: Sometimes, certain CSS or JS files don’t play well with minification. You can exclude these files from minification:
   • Go to WP-Optimize -> Minify.
   • Under the CSS and JS tabs, you’ll see options to exclude specific files. Add the paths of the CSS/JS files that might be causing the issue.
2. Caching: Make sure to clear any caching mechanisms after making changes, including browser cache and any server-side or CDN caches.

Please give these steps a try and let me know if it resolves the issue.

Best Regards,

Hey, Yes I have read similar descriptions, but I have no idea, how to find the CSS or JS files that I need to exclude.

Hi,

First you need to determine whether it’s the minification or merging.

Turn both merging and minfication off in the CSS and Javascrtipt tabs and start re-enabling the Merging and Minifcation one at a time and see if the issue reappears. Start with the JS, if the issue does not reappear, do the same for the CSS.

Let us know how you get on and we can provide further instructions.

https://snipboard.io/6y1O5R.jpg

Hi,

Thanks! The problem happens with the minification of Javascript.

I do not find the option of merging. Could it be that it only comes with the Premium Plugin?

In this screenshot, merging is selected for the JS:https://snipboard.io/6y1O5R.jpg

As your site has http2 support, you should not have merging enabled as it will be making your site slower. You can check this with this website: https://tools.keycdn.com/http2-test

Here’s how to find the JS file that needs to be excluded

• Open Developer Tools. You do that either by right-clicking and choosing Inspect Element, or at the top of the window go to: View >> Developer >>Developer Tools
• Find the red error message indicator on the right-hand side
• Click it to open the Console, then click the file referenced in the error notice:
• 
• This takes you directly to the code in the file that is related to the error. Look for the red underline and copy part of that code:
  
• Open a new browser tab and load the un-cached version of the page. You will need to use an incognito window
• Open Developer Tools, then click the 3 dots on the right side and select Search All Files:
  
• Paste the problematic code in the search box and it will locate the file in which that code is found:
  
• It’s not possible, unfortunately, to copy the filename from this screen. So to do that, click on the Network tab (reload the page if necessary to pull in the files). Then search for the file in the list:
  
  Once you’ve located the file, right-click on the filename, select Copy, then Copy Link Address to the exclusion list under Minify>> Javascript >> Exclude JavaScript from processing

After saving this you can visit your site again, reload the page and check that there are no more JavaScript errors reported in the console.

Thank you very much! The deactivation of the merging of Javascript has actually solved the problem.

No problem, glad that you got to the bottom of it.