html - Web 组件 - 内部浏览器缓存

Question

在 http://www.polymer-project.org/docs/polymer/polymer.html 查看 Chrome 的 DevTools我注意到一些有趣、好奇和无法解释的事情:

1. 浏览器缓存实际的 Polymer 组件，所以后续 <link rel="import"组件调用不需要服务器往返。

2. 浏览器将这些组件缓存为数据 URL

显然，这样做可以非常快速地加载缓存组件(0 毫秒延迟)

我的问题

1. 如何控制组件的缓存，以便在需要时/在需要时使缓存失效？ (查看 http://www.w3.org/TR/2014/WD-html-imports-20140311/ 的规范，我没有看到缓存的提及)

2. 是否值得将我的整个站点结构分解为 Web 组件(也称为“小部件”)，以便我站点的各个部分加载速度如此之快？例如，我不是总是使用相同的导航来提供相同的布局，而是使用 <my-nav> 来部署它。组件，以及导航数据(在有意义的地方)都包含在组件本身中，因此一旦缓存就不需要与服务器交互。

Answer 1

控制服务器上的缓存是最简单的。您要么需要提供 eTag，更改组件文件的日期并使用 Last-Modified header ，要么在每次更改文件名时更改它。

另一种处理方法是创建一个 Service Worker and have that manage the caching of your files.