title: Handling browser caching when website is updated
body: <p>I have a website that has auto-generated CSS filenames. ie: my "custom.css" file gets renamed to "custom.f8c1a0c5.css" whenever I do a deploy of my latest code.  The reason for this is to ensure that if a user is viewing my website for the second time he can see the styles and that the page is not broken or left making everything look weird.</p>
  
  <p>However this causes another problem, namely when I view my website via Google Cache it then looks like this: <a href="https://i.stack.imgur.com/uDETt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uDETt.png" alt="enter image description here"></a>
  How can I ensure that the client always sees the latest CSS when on the website yet at the same time, Google Cache always views a nicely formatted page even when I do another code deploy?</p>