【发布时间】：2014-05-22 09:17:18
【问题描述】：
HTML5 应用缓存与浏览器缓存有什么不同？？ 如果有，在哪些方面不同，这种机制是如何工作的？？并告诉我如何使用 AppCache 来提高浏览性能。同时讨论 HTML5 AppCache 的优缺点（它的到期和存储大小限制等）？？
【问题讨论】：
标签： html caching html5-appcache
【发布时间】：2014-05-22 09:17:18
【问题描述】：
AppCache 一直是deprecated。
见Google's note on it 和Mozilla's。 Google recommends 使用 service worker Cache API（Mozilla 将其归类为“实验性技术”）。注意：compatibility with Safari is limited。
【讨论】：
区别
AppCache 专门设计用于允许离线使用 Web 应用程序（和网站），但也提供与普通浏览器缓存相同的速度优势（当用户在线时）通过 AppCache。
与浏览器缓存的主要区别在于，您可以指定浏览器应缓存在清单文件中的所有资产（可能是您的整个站点），而浏览器缓存仅存储页面（以及相关资产）您实际访问过。
【讨论】：
HTML5 缓存
HTML5 提供应用程序缓存，这意味着 Web 应用程序被缓存，并且无需互联网连接即可访问。 应用程序缓存为应用程序提供了三个优势：
离线浏览 - 用户可以在离线时使用该应用程序
速度 - 缓存资源加载更快 减少服务器负载 -
浏览器只会从服务器下载更新/更改的资源
浏览器缓存
Internet 浏览器使用缓存来存储 HTML 网页，方法是存储已访问页面的副本，然后在您重新访问该页面时使用该副本进行呈现。如果页面上的日期与之前存储的副本相同，则计算机会使用您硬盘上的日期，而不是从 Internet 重新下载。
参考资料 -
新的 HTML5 规范允许浏览器在连接客户端时预取部分或全部网站资产，例如 HTML 文件、图像、CSS、JavaScript 等。用户不必为了获取该内容而先前访问过该内容。换句话说，应用程序缓存可以预取根本没有访问过的页面，从而在常规浏览器缓存中不可用。预取文件可以加快网站的性能，尽管您最初当然是使用带宽来下载这些文件。
【讨论】：