WP Rocket settings

WP Rocket is a powerful caching plugin for WordPress that can significantly improve the loading speed of your website. However, to get the most out of WP Rocket and ensure that your website continues to function properly, the right configuration is crucial. In this article, I’ll show you the optimal WP Rocket settings we use on beSIRIOus.net and explain critical settings that can affect the functionality of your website.

File optimization

Optimize CSS display

Careful testing is required for the “Optimize CSS display” setting. This option can lead to problems with complex WordPress websites, especially those with WooCommerce and other plugins. Test the function thoroughly. If problems occur, deactivate this setting again.

Remove unused CSS

“Remove unused CSS” is recommended. If this causes problems, you can alternatively try “Load CSS files asynchronously”. If this option also causes problems, either a detailed technical analysis is required or you accept that this setting remains deactivated.

Be sure to enable minify JavaScript. This reduces the file size and improves the loading speed.

JavaScript delayed loading

If no technical problems occur, activate “JavaScript delayed loading”. This can significantly improve the page load time. Test this setting thoroughly to ensure that all functions of your website continue to work properly.

Delay JavaScript execution

“Delay JavaScript execution” is also a valuable setting for optimizing the loading speed. Activate this setting and test your website to ensure that no functions are impaired.

Procedure

  • Step-by-step activation
    Activate one setting at a time and test each one thoroughly. This allows you to easily identify which setting is causing potential problems.
  • Define exceptions
    WordPress offers many options for defining exceptions for certain plugins or scripts. If there are problems with certain plugins or Google Ads, you can specifically exclude them from the delay.
  • Troubleshooting
    If functions or clicks on your website no longer respond correctly, this may be due to the delayed JavaScript settings. Test which setting is causing the problem and adjust accordingly.


Example of step-by-step activation:

  1. Minify JavaScript
    Activate and test.
  2. JavaScript loading delayed
    Activate and test.
  3. Delay JavaScript execution
    Activate and test.

If problems occur, deactivate the corresponding setting and check whether the problem has been resolved.

Media

Be sure to activate “Add missing image dimensions”. This setting can do no harm and helps to avoid layout shifts and improve the loading speed.

LazyLoad

Caution is advised with LazyLoad. It is important to test whether the user experience is still in order. If LazyLoad affects the user experience, you should exclude certain images from LazyLoad.

  • Exclude images: Test your website thoroughly. If certain images are important for a good user experience, you should exclude them from the LazyLoad.
  • CSS background images: Activate LazyLoad also for CSS background images, if these are used.


Procedure

  • Add missing image dimensions: Always activate.
  • Test LazyLoad: Activate and test LazyLoad. Check whether the user experience is impaired.
  • Exclude images: If necessary, exclude critical images from the LazyLoad.
  • CSS background images: Activate LazyLoad for CSS background images if your website uses them.


Example of step-by-step activation:

  1. Add missing image dimensions: Activate.
  2. LazyLoad: Activate and test.
  3. Exclude images: If necessary, exclude certain images.
  4. CSS background images: Activate and test.

WebP format

To further improve the loading speed of your website, we recommend activating the WebP compatibility setting in WP Rocket. This function makes it possible to provide images in WebP format, which can lead to a considerable reduction in file size.

  • Activate WebP compatibility: Activate this setting to deliver your images in the modern WebP format. This improves loading times and saves bandwidth.
  • Alternative plugins: If you already use a specialized plugin such as Imagify, which focuses on image optimization, you can leave the WebP functionality of WP Rocket deactivated. Imagify offers more comprehensive options for image optimization and is particularly useful if your website contains many images.

The image optimization function of WP Rocket has improved, but cannot yet perform all the optimizations that Imagify offers. It is therefore worth using a specialized plugin if your image optimization requirements are particularly high.

Our experts will thoroughly analyze your website and give you detailed recommendations on how to improve your search engine ranking.

FAQ

To activate CSS minification in WP Rocket, go to the settings under “File optimization”. Activate the option “Minify CSS files”. This reduces the file size of your CSS files and improves the loading speed of your website.

First activate JavaScript minification under “File optimization”. Then test the settings “Delay JavaScript loading” and “Delay JavaScript execution” one after the other. Check the functionality of your website after each change to ensure that no problems occur. If necessary, define exceptions for critical plugins or scripts.

LazyLoad can improve the loading speed of your website by loading images and videos only when they come into the visible area of the screen. However, test whether this setting affects the user experience. If this is the case, exclude certain images or videos from the LazyLoad.

Activating the “Add missing image dimensions” option helps to avoid layout shifts and improve loading speed. This setting can be activated without risk and contributes to a better user experience.