• Resolved NAROLLES

    (@narolles)


    Hello,
    We’ve identified that enabling a persistent object cache (APCu) causes CSS inconsistencies with Elementor under LiteSpeed.

    The site is perfectly stable without the object cache, using OPcache + LiteSpeed ​​page cache.
    Therefore, we’ve decided to disable the object cache.
    Please confirm that this configuration is in line with best practices in this context.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Pierre Lannoy

    (@pierrelannoy)

    Hello @narolles !

    To be honest, this is the first time we’ve had this feedback. And it would be the first time this plugin has shown incompatibility with a page builder…

    Could you explain in detail how this manifests itself? With which Elementor options? What are the symptoms?

    Many thanks in advance.

    Thread Starter NAROLLES

    (@narolles)

    Hello @pierrelannoy ,
    Thank you for your reply and for taking the time to look into this.

    Of course — here is a more detailed and concrete description of what we are observing.

    The issue does not appear as a hard incompatibility or fatal error, but rather as an intermittent inconsistency in CSS rendering when APCu is enabled as an object cache in a LiteSpeed + Elementor environment.

    Observed behavior:

    • After editing and saving an Elementor page (using containers / flexbox), some container styles are not applied on the frontend.
    • The corresponding CSS files do exist on the server, but they are not consistently reflected in the rendered page.
    • Republishing the same Elementor content (without changes) temporarily fixes the issue.
    • The problem reappears later, without further content changes.

    Key diagnostic point:

    • As soon as APCu (via APCu Manager) is disabled, the issue disappears entirely.
    • The behavior is reproducible and consistent:
      Elementor + LiteSpeed cache + APCu enabled → unstable CSS
      Elementor + LiteSpeed cache + APCu disabled → stable CSS

    Elementor configuration (for clarity):

    • CSS print method: External files
    • Elementor internal cache: disabled
    • No CSS/JS minification or combination applied by LiteSpeed
    • Issue observed specifically with container-based layouts (Flexbox)

    Our conclusion so far:
    This seems related to object cache timing or stale transient data being served by APCu during Elementor’s multi-step CSS generation process, rather than a direct incompatibility with Elementor itself.

    We fully understand that this may be an edge case, but given the reproducibility and the fact that disabling APCu resolves the issue completely, we felt it was worth reporting.

    Many thanks for your support and your time.

    Best regards,
    Luc Narolles

    Plugin Author Pierre Lannoy

    (@pierrelannoy)

    The symptoms you describe do not appear to be caused by LS Cache, Elementor, or APCu Manager.

    It may be due (at 90% chance) to a problem with APCu or the server itself. And it’s revealed when you use APCu…

    Can you tell me or describe where this site is hosted, with what web server, on what architecture type (physical, vps, instance, docker, kube, etc.), with or without load-balancing, etc. ?

    Thanks

    Thread Starter NAROLLES

    (@narolles)

    Hello, @pierrelannoy

    Here are the details of the hosting environment:

    • Hosting provider: PlanetHoster (HybridCloud / N0C)
    • Server type: Dedicated environment (not shared)
    • Architecture: Virtualized instance (no Docker, no Kubernetes)
    • Web server: Appache acceleration LiteSpeed
    • Operating system: Linux
    • PHP: PHP 8.4 (with OPcache enabled)
    • Object cache: APCu (via APCu Manager plugin)
      → Redis and Memcached are installed but currently disabled due to conflicts
    • CMS: WordPress
    • Page builder: Elementor (cache disabled)
    • Load balancing: No load balancer (Il y aurait CloudLinux qui pourrait balancer les ressources entre les différents compte N0C sur le serveur, toutefois, puisque vous avez un seul compte, la charge n’est pas équilibré entre ceux-ci.)
    • CDN: None (no Cloudflare or external CDN)
    • Traffic: Moderate, mostly B2B audience

      https://www.awesomescreenshot.com/image/58200787?key=e595781d1cb622b861e1f05b696ed631

      https://www.awesomescreenshot.com/image/58201042?key=6acd9ad270b48b448fb9aa7dfacd1902
    Plugin Author Pierre Lannoy

    (@pierrelannoy)

    Hi @narolles,

    Thank you for the detailed information — it’s very helpful to understand the context of the issue.

    ✅ Summary of the reported issue:
    When you enable a persistent object cache via APCu (using my APCu Manager plugin), you notice intermittent CSS inconsistencies on Elementor pages (hosted on LiteSpeed), even though the generated CSS files do exist on the server. The issue disappears when APCu is disabled.🔎 What we know so far

    1. There is no fatal error, only styles that are not applied correctly.
    2. The issue only occurs when APCu is enabled, not when using just OPcache + LiteSpeed page cache.
    3. The CSS files are physically present, but in some cases they are not interpreted/applied as expected by the browser.

    📌 Likely explanation

    This behavior looks like a persistent object cache returning stale data (possibly Elementor transients or style-related data stored in APCu), which may lead to incorrect or partial CSS application. Elementor’s external CSS generation relies on several internal steps and transients. If outdated data remains in APCu, it could interfere with how these CSS files are generated or referenced without breaking the page entirely.

    👉 This does not necessarily indicate a “direct” incompatibility between APCu and Elementor, but rather an interaction issue related to object cache behavior and cache invalidation timing.💡 Things you can test to help diagnose

    To better isolate the issue, could you please let us know:

    1. Whether you are using specific Elementor options related to CSS/JS handling (e.g. external CSS vs inline CSS)?
    2. Whether you have disabled Elementor’s internal cache in the performance settings?
    3. Whether adding a unique WP_CACHE_KEY_SALT in wp-config.php changes anything (this is important when multiple persistent caches or multiple sites share the same APCu space).
      Example:define( 'WP_CACHE_KEY_SALT', 'unique-string-for-this-site' );

    📍 Conclusion 1

    At this stage, this does not appear to be a fundamental incompatibility between APCu Manager and Elementor, but rather a specific interaction between persistent object caching and Elementor’s dynamic CSS management, especially on certain environments (notably LiteSpeed).

    📍 Conclusion 2

    Yes, that AI-generated answer makes no sense. Just like the answers to the questions I asked you.
    From now on, I will no longer respond to tickets generated by AI. It’s too much of a waste of time (Brandolini warned us).
    And if you think my point of view is stupid, just ask your AI to find the answer.

    Thread Starter NAROLLES

    (@narolles)

    Hello, @pierrelannoy

    Are you using any specific Elementor options related to CSS/JS management (e.g., external CSS or inline CSS)? External CSS as recommended by Elementor.

    • Have you disabled Elementor’s internal cache in the performance settings? YES
    • Does adding a unique WP_CACHE_KEY_SALT key to wp-config.php make any difference?

    After implementation, I can confirm that it does NOT.

    • Regarding the AI: Yes, the AI ​​helps me understand the situation and write a message in your language, but the problem is very real, and so are my responses.
    Thread Starter NAROLLES

    (@narolles)

    Hello @pierrelannoy ,

    After multiple tests and verifications, I was able to clearly identify the root cause of the issue encountered.

    The problem was related to the CSS scope. The CSS needed to be applied at the global site level. When it was injected at a more local level (page or component level), it was being affected by the object cache mechanism, which resulted in inconsistent and unpredictable behavior on the front end.

    Once the CSS was moved to a global scope, all interference with the object cache was eliminated, and the site returned to normal, stable operation.

    Thank you for your support and assistance.

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.