Back to Community

Troubleshooting Font and Display Issues in WP-Optimize

16 threads Sep 16, 2025

Content

Many users of the 'WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance' plugin report issues where fonts change, Elementor editors break, or page elements appear incorrectly after enabling certain features. This guide will explain why these conflicts happen and provide the most common, effective solutions.

Why Do These Issues Occur?

The core function of the minification feature is to combine and compress CSS and JavaScript files. This process can sometimes interfere with how other plugins or themes load their own assets, particularly fonts and scripts that are dependent on specific loading sequences. Conflicts with page builders like Elementor or sliders like Smart Slider 3 are common because these plugins also have complex scripts and styles that need to load in a precise order.

Common Solutions to Try

1. Adjust Minify Settings for Fonts

If your website's fonts have changed or appear incorrect, the first setting to check is for Google Fonts.

  • Navigate to WP-Optimize > Minify > Fonts.
  • Enable the option: 'Asynchronously load CSS files from Google Fonts'.
  • Also try enabling: 'Add "display=swap" to Google Fonts requests'.

This change often resolves problems where fonts fail to load or are replaced by a fallback font.

2. Disable CSS or JavaScript Processing

If specific page elements are broken (like YouTube embeds or sliders), the conflict is likely with minified JavaScript or CSS.

  • Go to WP-Optimize > Minify > Minify Status.
  • Try temporarily disabling 'Process CSS files' or 'Process JavaScript files'.
  • Check if the issue resolves. If it does, you can leave these options off, or proceed to the next step for a more targeted fix.

3. Exclude Specific Scripts from Processing

For a more targeted approach that keeps minification enabled for other assets, you can exclude problematic files.

  • Navigate to WP-Optimize > Minify > Advanced.
  • In the 'Exclude JavaScript from processing' or 'Exclude CSS from processing' text areas, add the handles or URLs of the scripts causing trouble. Common exclusions might include elementor, smartslider, or jquery.
  • You may need to use your browser's developer tools (F12) to identify the exact file names causing the conflict.

4. Disable the 'Delay JavaScript' Feature

The 'Delay JavaScript' feature is a common culprit for breaking visual page builders like Elementor. The Elementor editor itself requires scripts to load immediately to function.

  • Go to WP-Optimize > Minify > Advanced.
  • Ensure the 'Delay JavaScript execution' option is unchecked.

What If the Problem Persists?

If you have tried these steps and the issue continues, it may be a deeper compatibility problem. The next steps are to:

  1. Check for Error Logs: Contact your web hosting provider and ask for your PHP error logs. These logs can provide specific clues about what is causing the conflict.
  2. Check for Plugin Updates: Often, the development teams behind conflicting plugins will release updates to resolve these issues. Ensure all your plugins, including WP-Optimize and the other plugin (e.g., Elementor, Smart Slider 3), are updated to their latest versions.
  3. Temporarily Disable Minification: As a last resort, you can disable minification entirely under Minify > Minify Status while still benefiting from WP-Optimize's caching and image compression features.

By methodically working through these settings, most display and font issues can be resolved, allowing you to maintain a fast, optimized website without sacrificing its appearance or functionality.

Related Support Threads Support