What does appending “?v=1” to CSS and JavaScript URLs in link and script tags do?

by

These are usually to make sure that the browser gets a new version when the site gets updated with a new version, e.g. as part of our build process we’d have something like this:

/Resources/Combined.css?v=x.x.x.buildnumber

Since this changes with every new code push, the client’s forced to grab a new version, just because of the querystring. Look at this page (at the time of this answer) for example:

<link ... href="http://sstatic.net/stackoverflow/all.css?v=c298c7f8233d">

I think instead of a revision number the SO team went with a file hash, which is an even better approach, even with a new release, the browsers only forced to grab a new version when the file actually changes.

Both of these approaches allow you to set the cache header to something ridiculously long, say 20 years…yet when it changes, you don’t have to worry about that cache header, the browser sees a different querystring and treats it as a different, new file.

More Related Contents:

  1. Bootstrap 4 Carousel “Half of previous”
  2. How can I vertically align elements in a div?
  3. Image inside div has extra space below the image
  4. Why doesn’t the height of a container element increase if it contains floated elements?
  5. How do I make a placeholder for a ‘select’ box?
  6. Two divs side by side – Fluid display [duplicate]
  7. Expand a div to fill the remaining width
  8. What is the order of precedence for CSS?
  9. Text in Border CSS HTML
  10. Equal width flex items even after they wrap
  11. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  12. How can I scale an entire web page with CSS?
  13. Vertical Text Direction
  14. Change color of sibling elements on hover using CSS
  15. Word wrap options in a select list
  16. Color of stacked semi-transparent boxes depends on order?
  17. How can apply multiple background color to one div
  18. Why doesn’t CSS ellipsis work in table cell?
  19. using text-align center in colgroup
  20. CSS Float Logic
  21. 100% width minus margin and padding [duplicate]
  22. display:inline with margin, padding, width, height
  23. Centering floating divs within another div
  24. Detecting ‘transform: translate3d’ support
  25. Responsive order confirmation emails for mobile devices?
  26. How to get rid of extra space below svg in div element
  27. Alternate background colors for list items
  28. How to align footer (div) to the bottom of the page? [duplicate]
  29. align images side by side in html
  30. CSS class starting with number is not getting applied

Leave a Comment