Most of your url reload functions has been deprecated.
You can change your header metatags -
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1"/>
Another option would be to use
Clear-Site-Data -
// Single directive
Clear-Site-Data: "cache"
// Multiple directives (comma separated)
Clear-Site-Data: "cache", "cookies"
// Wild card
Clear-Site-Data: "*"
or you can use the
Cache.delete() function -
caches.open('v1').then(function(cache) {
cache.delete('/images/image.png').then(function(response) {
someUIUpdateFunction();
});
})
Keep in mind however that cache is there for a reason to increase your page loading performance, so this will clear your users cache every time the code is executed, slowing down the page load.