浏览器缓存与HTML5应用程序缓存

Question

HTML5应用程序缓存是否与浏览器缓存不同？如果是这样，在哪些方面，它是不同的以及这种机制如何工作？并告诉我如何使用AppCache我们可以提高浏览性能。还讨论HTML5 AppCache的优缺点（其到期和存储大小限制等）??

Answer 1

HTML5缓存

HTML5提供应用程序缓存，这意味着Web应用程序可以缓存，无需Internet连接即可访问。 应用程序缓存为应用程序提供了三个优点：

• 离线浏览 - 用户可以在离线时使用该应用

• 速度 - 缓存资源加载速度更快减少服务器负载 -

• 浏览器只会从服务器下载更新/更改的资源

浏览器缓存

Internet浏览器使用缓存来存储HTML网页，方法是存储已访问页面的副本，然后在重新访问该页面时使用该副本进行渲染。如果页面上的日期与先前存储的副本的日期相同，则计算机将使用硬盘驱动器上的日期，而不是从互联网上重新下载。

参考文献 -

• http://www.w3schools.com/html/html5_app_cache.asp

• http://www.pctools.com/security-news/what-is-a-browser-cache/

新的HTML5规范允许浏览器在客户端连接时预取部分或全部网站资产，如HTML文件，图像，CSS，JavaScript等。用户之前不必访问该内容，以获取该内容。换句话说，应用程序缓存可以预取根本没有访问过的页面，因此在常规浏览器缓存中不可用。预取文件可以加快网站的性能，但您当然最初使用带宽来下载这些文件。

Answer 2

AppCache已为deprecated。

请参见Google's note on it和Mozilla's。 Google recommends使用service worker Cache API（Mozilla将其归类为“实验技术”）。注意：compatibility with Safari is limited。

Answer 3

  

差异

AppCache 是专为允许脱机使用Web应用程序（和网站）而设计的，尽管还提供了与普通浏览器缓存在用户在线时所提供的相同的速度优势。通过AppCache。

与浏览器缓存的主要区别在于，您可以指定浏览器应在清单文件（可能是整个站点）中缓存的所有资产，而浏览器仅将页面（和您实际访问过的相关资产。