Skip to main content
Kennis

Welke cacheplugin werkt goed met Breakdance?

Een cacheplugin werkt goed met Breakdance als hij de cache leegt zodra je een template, header of footer opslaat, en als hij de CSS van het mobiele menu niet wegsnoeit. Veel plugins kennen WordPress-hooks, maar Breakdance schrijft zijn data op een eigen manier. Dat verklaart waarom je na een wijziging soms nog de oude pagina ziet. Hieronder staat wat er precies nodig is en wat Spark Speed er zelf voor doet.
In het kort
  • Een Breakdance-site heeft een cache nodig die meebeweegt met template-, header- en footer-wijzigingen, niet alleen met gewone paginasaves.
  • Breakdance schrijft CSS per post naar uploads/breakdance/css, naast een global-settings.css. Na regenereren moet de paginacache ook leeg.
  • Bij WP Rocket staat al sinds juli 2023 een open melding dat de cache na een Breakdance-save niet leegging.
  • Spark Speed herkent Breakdance, ruimt bij template-wijzigingen de cache op en houdt de CSS-regels van het mobiele menu staan.
  • Geen plugin is overal beter: andere plugins ruimen meer verwante pagina's op of warmen de cache sneller opnieuw op.

Wat moet een cacheplugin voor Breakdance doen?

Een Breakdance-pagina bestaat uit meer dan de pagina zelf. De header, footer en templates komen op elke URL terug. Een cacheplugin moet dus vier dingen kunnen.
  • De cache legen als een template, header, footer, globaal blok of popup wordt opgeslagen, ook als WordPress daar geen gewone save-melding voor geeft.
  • Omgaan met de CSS-bestanden die Breakdance zelf schrijft en na het regenereren de paginacache leegmaken. Breakdance adviseert zelf externe caches daarna te legen.
  • De CSS laten staan die pas door JavaScript actief wordt, zoals de regels van het mobiele menu.
  • Winkelwagen, afrekenen en mijn-account buiten de cache houden als je WooCommerce gebruikt.

Hoe slaat Breakdance zijn CSS op?

Breakdance schrijft gegenereerde CSS naar wp-content/uploads/breakdance/css. In een openbare map van een live site staan daar een global-settings.css en per post een post-ID.css en een post-ID-defaults.css. Onder Breakdance, Tools zit een actie die de CSS-cache opnieuw opbouwt. De documentatie zegt erbij dat je daarna externe caches moet legen.

Waarom wist WP Rocket de cache niet na een Breakdance-save?

In het WP Rocket-project op GitHub staat melding 6053, over de cache die niet wordt gewist na het bewerken van posts met de Breakdance-builder. De melding is van juli 2023 en staat nog open. Een medewerker schreef in 2024 dat het aan de kant van de externe partij opgelost moet worden. In onze code-controle van WP Rocket 3.23.3.3 vonden we geen Breakdance-code, alleen die voor Elementor en Beaver Builder. Wie WP Rocket gebruikt, moet na een template-wijziging dus zelf de cache legen.

Wat heeft LiteSpeed Cache nodig voor Breakdance?

In de bronnen die we raadpleegden staat geen Breakdance-specifieke koppeling voor LiteSpeed Cache. Je hebt dus de algemene instellingen nodig: een regel die alles leegt bij updates, en de optie om extra hooks toe te voegen die de hele cache wissen. Na een wijziging in templates of globale stijlen leeg je de LiteSpeed-cache na het regenereren van de Breakdance-CSS. Meer daarover staat in het artikel over Breakdance op LiteSpeed-hosting.

Wat doet Spark Speed zelf voor Breakdance?

Spark Speed luistert naar wijzigingen in de Breakdance-data, ook als er geen gewone save-melding komt. Bij een template, header, footer, globaal blok of popup wordt de hele cache op het einde van het verzoek eenmaal geleegd. Bij andere posts gaat alleen die URL weg. De plugin herkent Breakdance en schrijft eigen uitzonderingslijsten, en de regels die het mobiele menu openen blijven staan. Eerlijk is ook wat het niet doet: een wijziging in de globale instellingen van Breakdance leegt de paginacache niet, dus leeg die handmatig. Na zo'n volledige purge warmt Spark Speed de pagina's niet direct opnieuw op. FlyingPress en WP Rocket doen dat wel direct, en WP Rocket leegt ook meer verwante pagina's, zoals auteurs- en datumarchieven.
Test na elke template-wijziging in een privévenster of de nieuwe header echt op een andere pagina staat. Zie je de oude, leeg dan de cache.
Spark Speed herkent Breakdance, ruimt de cache op bij template-wijzigingen en houdt het mobiele menu heel.

Veelgestelde vragen

Meestal serveert de cacheplugin een opgeslagen kopie omdat hij de Breakdance-save niet als wijziging zag. Leeg de cache en, bij CSS-problemen, regenereer eerst de CSS in Breakdance, Tools.

Nee. Veel sites draaien erop. Je moet alleen weten dat Breakdance-saves volgens de open melding en onze code-controle niet automatisch de cache legen.

Bij Spark Speed wel: die wijziging leegt de paginacache niet automatisch. Leeg hem zelf na het opslaan.