Say I have file main.html. In it I have an iframe which references sub.html. There is also a button on main.html which when clicked reloads sub.html. sub.html uses jQuery/HTML5, and hence references a lot of js and css files.
Is there a way have the browser cache these js and css files on the initial load and not reload them when the button to refresh the iframe is clicked?
Turns out I was not sending the proper headers to instruct the browser to cache the css/js files.