I am using Plone and CacheFu behind an Apache caching reverse proxy. Plone combines multiple CSS files into one file such as name-of-css-file-cachekey1234.css where 1234 is a random number, and it may take an hour for CSS changes made on the filesystem to show up on the site. How can I see those changes sooner without slowing down my site by enabling CSS debug mode?
Pressing Ctrl + F5 (or Ctrl + Shift + R ) to force a cache reload.
All you need to do is add a version URL parameter to the end of your href like so ? version=1 . The browser will notice the new version and stop caching the stylesheet. All changes in your stylesheet will be reflected in your browser.
When a browser caches a CSS stylesheet, what it's doing is getting that stylesheet from the server once, saving it, and then serving its own saved version of that stylesheet to the user anytime the page being loaded requests it.
How does Caching Work? When the browser parses this HTML, it identifies that a CSS resource needs to load from https://www.example.com/app.css. The browser issues a request to the server for this file, the server returns the file and also tells the browser to cache it for 30 days.
Click the Save button in portal_css, and you will get a new CSS file.
That's exactly why that feature exists, so that you can cache aggressively, and still get an updated CSS file when you need it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With