Web 组件 - 内部浏览器缓存

Question

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

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

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

显然，这样做可以非常快速地加载缓存的组件（0 ms 延迟）

我的问题

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

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

Answer 1

最容易控制服务器上的缓存。您要么需要提供 eTags，更改组件文件的日期并使用 Last-Modified 标头，要么在每次更改文件时更改文件名。

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