Does Using Query Parameters Effectively Bust Browser Cache for CSS and JS Files?

Cache Busting with Query Parameters

To avoid re-deploying and wasting time, developers often use query parameters to cache bust during production deployments. This involves adding a parameter to the end of CSS and JS files with the current version number.

<link rel="stylesheet" href="base_url.com/file.css?v=1.123"/>

Will this effectively break the cache?

Yes, this approach will effectively break the cache. The query parameter indicates that the request is for a different file than the one without the parameter. Therefore, the browser will load the file from the server instead of using the cached version.

Will the parameter cause the browser to never cache the response from that URL?

No, the browser will assume that the source will stay the same the next time the URL with the query parameter is called. As a result, it will cache the response with that parameter until the version number is changed, such as to ?v=1.124.

The above is the detailed content of Does Using Query Parameters Effectively Bust Browser Cache for CSS and JS Files?. For more information, please follow other related articles on the PHP Chinese website!