Javascript versioning to avoid caching, difference in these practices?

Using an updated querystring is a bad solution. See what Steve souders has so say about it: http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/

The ideal method is to rename the file itself. Some people prefer using the time stamp of the last modification date, which i think is a problem.

In modern web development you really need to optimize your page as much as possible, which means combining css and javascript into single files which are minfied. That means that you introduce a build step into your process, and that the last modification time of your file always will be at your last build. If you set that as your file name, you essentially bust the users cache all the time, and some times you dont need to.

I recommend renaming the files to an md5 sum of their content. That way you can do new builds all the time, but the file name only changes if the content changes. This makes your file name an identifier of the content. Using this you can set a far future expires header on all your static content and simply stop worrying about it any more.

I can recommend using a build system for this, since this workflow gets boring fast. My company open sourced one a while ago that does this among a lot of other things that optimize your web page: https://github.com/One-com/assetgraph-builder There are many other build tools that do the same. Take a look around and find the one that best suits your development setup.

Related Posts:

  1. Javascript versioning to avoid caching, difference in these practices?
  2. How to add a class to a given element?
  3. How to make a word underline in Markdown
  4. Creating multiline strings in JavaScript
  5. Babel 6 regeneratorRuntime is not defined
  6. What is JSONP, and why was it created?
  7. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  8. await is only valid in async function
  9. Remove duplicate values from JS array [duplicate]
  10. How to read an external local JSON file in JavaScript?
  11. SyntaxError: Unexpected token o in JSON at position 1
  12. Remove duplicate values from JS array
  13. Add swipe left/right to web page, but use default swipe up/down
  14. Check if checkbox is checked with jQuery
  15. What does “res.render” do, and what does the html file look like?
  16. How to Create simple drag and Drop in angularjs
  17. stop all instances of node.js server
  18. Working with $scope.$emit and $scope.$on
  19. Using Node.js require vs. ES6 import/export
  20. How can jQuery deferred be used?
  21. Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
  22. Disable/enable an input with jQuery?
  23. How can I check for an empty/undefined/null string in JavaScript?
  24. display variable image using cookies
  25. Find an element in DOM based on an attribute value
  26. character counter – backspace doesn’t reflect on characters remaining
  27. How does the double exclamation (!!) work in javascript?
  28. Add days to JavaScript Date
  29. illegal use of break statement; javascript
  30. With jQuery, how do I capitalize the first letter of a text field while the user is still editing that field?
  31. Pass a JavaScript function as parameter
  32. Cannot read property ‘getContext’ of null, using canvas
  33. How to add multiple classes to a ReactJS Component?
  34. Make Axios send cookies in its requests automatically
  35. How to move an element after another element using JS or jquery?
  36. Converting any string into camel case
  37. JSON.parse() not working
  38. Call python function from JS
  39. How to add onload event to a div element
  40. Access Control Origin Header error using Axios
  41. Structs in Javascript
  42. Refused to execute script, strict MIME type checking is enabled?
  43. Error: [ng:areq] from angular controller
  44. getElementsByAttribute() is not a function
  45. Javascript onload not working
  46. How to get the ASCII value in JavaScript for the characters [duplicate]
  47. HTML img onclick Javascript
  48. Clear the cache in JavaScript
  49. error Unable to get property ‘display’ of undefined or null reference
  50. Is there a php echo/print equivalent in javascript
  51. setInterval with loop time
  52. JavaScript by reference vs. by value
  53. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  54. Expected ‘this’ to be used by class method
  55. Strip HTML from Text JavaScript
  56. How to disable auto-start of “Node.js: Server-side JavaScript” when using Adobe Dreamweaver?
  57. Regular expression to validate US phone numbers?
  58. How should I initialize jQuery?
  59. How to reload page every 5 seconds?
  60. Unexpected token < in first line of HTML
  61. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  62. How to set “style=display:none;” using jQuery’s attr method?
  63. Await is a reserved word error inside async function
  64. WordPress Bootstrap Handburger Menu Wont Open
  65. Javascript WP Object Documentation?
  66. Show only images and videos in a wp.media window
  67. Instantiate TinyMCE via JS ( rather than PHP/wp_editor )
  68. How to disable hoverIntent in WordPress 3.3 admin
  69. Animations are not being triggered on Scroll
  70. Preserve Javascript Through Customizer Preview Navigation
  71. Prevent escaping javascript in visual editor
  72. JavaScript in WordPress Customizer
  73. @wordpress/components Button variants not styled
  74. Only displaying zip files with wp media
  75. How to use div -ids in url to jump to specific post…Is trailing slash the culprit?
  76. Button insert link on front wp_editor not working
  77. How Can I Add OnClick Event To A Specific WordPress Menu Link
  78. What’s the most efficient way to include this javascript in only a single post?
  79. Adding a Javascript slideshow to the home page
  80. Screen Resolution Detect
  81. How to add customizer control via javascript ( wp.customizer.control.add )
  82. Override do_item() Function to Add Extra Attribute to Scripts
  83. Is it possible to pass js variable to template file
  84. Automatically Add Defer or ASYNC to all JS files (no matter where they are located)
  85. How to generate the COOKIEHASH from JavaScript
  86. Gutenberg Blocks: how to determine an index of the current inner block?
  87. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  88. find out reason of “Updating failed” in Post-editor
  89. Unable To Call Javascript With Enqueue
  90. Getting a variable inside foreach from PHP to JS after localization
  91. How to integrate a JS fiddle?
  92. Problem after upgrade to 3.6.1
  93. Hovercards and other hover over image functions don’t work anymore!
  94. Load JavaScript on specific page with @wordpress compiler
  95. When adding google tag script in website, functionality not working
  96. How to improve WP-Rest atrocious response time?
  97. How should I identify the inline javascript that is the dependent of a wp_enqueue_script?
  98. How to verify that a field has a value before adding a term to a taxonomy
  99. Include Facebook Javascript SDK In WordPress
  100. How can I look at/edit what’s being sent to post.php when I hit the publish/update button?

Leave a Comment