Cache busting is a technique used to prevent browsers from serving outdated content from their cache. This is particularly important for web assets like JavaScript files, CSS stylesheets, and images, which can change frequently but may not be reloaded by the browser if a cached version exists.
This technique is especially useful for sharing previews of Paid Posts multiple times with both internal and external stakeholders. It ensures they can repeatedly visit the same page without needing to clear their browser cache.
By appending a URL parameter to the asset URLs, you can ensure that browsers request the latest version of the file.
For example, adding ?v=1.2 at the end of an asset URL (style.css?v=1.2) signals the browser that this version is different from the previously cached one, prompting it to download the file again instead of using the cached version.
How to
1) Find the asset URL
Visit the Interactive tab of a Paid Post Scoop entry, and identify the asset you want to cache-bust. In this example, the Webflow build stylesheet.
2) Add a URL parameter
Add a URL parameter at the end of the URL. Ideally, use a number you can increase, or the current daytime string, to be sure to serve a new file. You can use any string, but it should be a string never used before with the same asset.