Elementor Pro and the W3 Total Cache plugin Setup

  • We are currently setting up an Azure App Service environment and have come across several discussions regarding compatibility issues between Elementor Pro and the W3 Total Cache plugin. Could you provide a detailed setup guide for optimal configuration?

    It’s important to note that we are already using Azure CDN with Blob Storage in conjunction with W3 Total Cache, which has been implemented across multiple servers. We have encountered some issues with a recent build, likely due to page caching being enabled during the development phase to improve speed.

    Additionally, we have applied the following custom file list in our configuration:

    • {wp_content_dir}/uploads/docs/*
    • {wp_content_dir}/uploads/elementor/**/*
    • {wp_content_dir}/uploads/images/*

    Any insights or recommendations to avoid these conflicts would be appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @folio1

    Thank you for reaching out!
    The optimal W3 Total Cache configuration takes into account a number of factors: your theme, your plugins, and the technologies available on the server. Since everyone’s site and traffic and theme is different, there is no one size fits all solution.

    What also needs to be taken into consideration is Web Performance Optimization (WPO) in a WordPress context. What this means is that WPO best practices have to be modified for WordPress because of how the application operates. The number of counter-intuitive realities could fill a small book.

    This means that the best configuration for your site might not involve enabling minify, database caching, and other things that you might expect. As a matter of fact, it can actually hurt performance by implementing features for the wrong situation.

    This being said, It would be great if you could share some details about the issue you are experiencing, including the website URL and the explenation what actually happens so we can determine what may be the cause of the issue and what needs to be done to resolve it.

    As an example, you are mentioning Elementor Pro. What part of the mentioned builder are you reffering to when you are saying that you experienced problems? Are you using any optimization settings within the Elementor itself?

    Thanks!

    Thread Starter Paul Johnstone

    (@folio1)

    Questions

    As part of a recent migration, I uploaded all media files directly to Azure Blob Storage since the site is hosted on Azure with Front Door serving as the CDN. While the media files have been properly registered in the database via a JSON import and display in the Media Library, the permalinks are returning a 404 error. The URLs correctly point to the Blob Storage.

    Current Issues

    What would be the best approach or recommendation to resolve the following problems?

    • W3 Total Cache Error: I’m seeing the following message in W3TC:
      “The unsuccessful transfer queue has unresolved errors. Empty the queue to restore normal operation.”

    Upon reviewing the Local Path and Remote Path tables, both paths appear incorrect. This is likely because the files were uploaded directly to Blob Storage.

    • Local Path:
      /var/www/wordpress/wp-content/uploads/280830_arccalendar.jpg
    • Remote Path:
      wp-content/uploads/280830_arccalendar.jpg

    Elementor & W3 Total Cache Setup

    Is the following approach suitable for including Elementor files in the custom file upload list, or would you recommend a different approach to handle Elementor file updates?

    One recurring issue is that pages randomly fail to display or render correctly. This seems to be related to caching issues or missing Elementor files that W3TC hasn’t updated. The issue is usually resolved by purging the cache or manually uploading the updated CSS to Blob Storage.

    To address this, I’ve added Elementor files to W3TC’s Custom File List, but in some cases, I’ve also had to include full URLs for certain CSS files so that W3TC would recognize the updated versions.

    Custom File List Updates

    {wp_content_dir}/uploads/elementor/**/*
    {wp_content_dir}/uploads/elementor/css/**/*.*
    {wp_content_dir}/uploads/elementor/custom/css/**/*.*

    {wp_content_dir}/uploads/elementor/css/custom-frontend.min.css {wp_content_dir}/uploads/elementor/css/custom-pro-widget-nav-menu.min.css {wp_content_dir}/uploads/elementor/css/custom-pro-frontend.min.css {wp_content_dir}/uploads/elementor/css/custom-pro-widget-slides.min.css {wp_content_dir}/uploads/elementor/css/custom-widget-icon-list.min.css

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.