Skip to main content

Troubleshooting

Use this page when a single toggle breaks something. The fastest path is always: isolate the change, confirm the symptom, then apply the smallest possible fix.

Fast Isolation Rules

  1. Reproduce the issue in an incognito window.
  2. Turn off the most recent change (feature-by-feature, not plugin-by-plugin).
  3. Confirm the symptom disappears.
  4. Add an exclusion or adjust the strategy, then re-enable.

Common Issues

SymptomLikely causeTypical fix
Layout broken after unused CSSrequired selectors were removedadd minimal selector exclusions and regenerate
FOUC / styles pop inasync CSS/critical CSS mismatchadjust critical CSS strategy or revert the risky toggle
Mobile menu does not openmenu JS delayed/deferredexclude the menu/theme script from delay
Buttons do nothing on first tapevent listeners delayedexclude the responsible script from delay
Slider/tabs brokencomponent JS delayedexclude swiper/slick/component script patterns
Checkout/cart brokenecommerce scripts delayed or cachedexclude Woo scripts and confirm cache bypass rules
Hero image loads latelazy load applied to LCPexclude the LCP image from lazy load and set loading="eager"
Changes not showingCDN/origin cache still serving old outputpurge once intentionally, then stop purging

Debugging Commands

Check cache headers quickly
curl -sI https://example.com/ | grep -iE 'x-litespeed-cache|cf-cache-status|cache-control'

Debugging Tools

ToolWhat to look for
DevTools Consolefirst JS error and stack trace
DevTools Network404s for CSS/JS, blocked requests
DevTools Performancelong tasks and script execution timing
Lighthouse diagnosticswhich audit regressed

Checklist

  • Last change isolated and confirmed.
  • Minimal fix applied (exclusion/ordering), not a full rollback.
  • Critical flows retested.

What's Next