The Yeebase.Fusion.ContentCacheDebug package is a helper package to visualize your cache configuration. Once the package is active, administrators can view a cache configuration overlay on the website to see exactly which parts of the website are cached like
Install the package via composer
composer require yeebase/fusion-contentcachedebug
The debug mode is disabled by default. To enable it add this to your Settings.yaml
Yeebase:
Fusion:
ContentCacheDebug:
enabled: true
Now the package is active and will render some metadata in your html output if the current user
inherits the role Yeebase.Fusion.ContentCacheDebug:Debugger. Only user with this role will be able to see the debug information.
To get the debugger running you now need to include some javascript and css to acutally be able to render the output. For Neos we already adjusted the Neos.Neos.Page prototype. Include this in your Root.fusion of your site package:
include: resource://Yeebase.Fusion.ContentCacheDebug/Private/Fusion/Root.fusion
If you're running a fusion standalone app check that code and include it the js and css files to your page.
To enable the cache visualization open your browsers developer console and execute
__enable_content_cache_debug__(). This will add three new buttons.
🔦 toggle visualization
📋 displays a list of used cached entries in a hierarchical order
❌ disable debug mode
If you'd like to persist the active debug state you can add a true to the method
__enable_content_cache_debug__(true)
This will set a cookie and the debug mode will still be active after a page refresh.
