1.HTML5网页存储

2.HTML5网络工作者

使用HTML5，您可以通过创建缓存清单文件来轻松创建web应用程序的脱机版本。

什么是应用程序缓存？

HTML5引入了应用缓存，这意味着在没有互联网连接的情况下，可以缓存和访问web应用。

应用程序缓存给应用程序带来三大优势：

离线浏览-用户可以在离线时使用应用程序

速度-缓存资源加载更快

降低服务器负载-浏览器将只从服务器下载更新或更改的资源。

浏览器支持

除了互联网浏览器，所有主要的浏览器都支持应用程序缓存。

HTML5缓存清单实例

以下示例显示了一个带有缓存清单的HTML文档(用于脱机浏览):

例子

！声明文档类型

一、DNS预解析缓存众所周知，DNS解析是网站性能优化的重要环节。虽然加载时间不算太长，但是很难压缩。特别是对于为了并发下载资源而使用多个CDN域名加载资源的大型网站，更是不容忽视。在加载资源之前，应该进行DNS解析和CDN域名的转换。如果使用DNS预加载，支持该功能的浏览器会提前进行DNS解析并缓存域名，而不是请求资源进行解析。而且这个函数的应用太简单了：

代码如下：

link rel=' DNS-prefetch ' href=' http://cdn . static file . org/'

link rel=' DNS-prefetch ' href='//www . Google-analytics.com '

淘宝已经应用了这项技术。你可以打开淘宝，查看源代码，通过顶部的DNS解析，缓存他们的一些CDN服务器。2.资源预加载预加载资源的方式有很多种，常见的图片预加载，背景图片用CSS预加载，大部分是JS。HTML5目前提供了一种特殊的资源预加载方式，有预取和预读两种属性，分别被Firefox和Chrome浏览器支持。

1).预取预取

预读是一种非常常见的资源预加载。当前页面加载后，你会偷偷下载你指定的资源，比如JS，CSS，图片，或者下载页面：

代码如下：

link rel=' prefetch ' href=' http://blog . wpjam.com/'/

link rel=' prefetch ' href=' http://wpjam . qiniudn.com/wpjam/logo . png '/

link rel='prefetch alternate样式表' href='mozspecific.css' /

请注意，Firefox目前支持此功能。

终止网络工作者

当我们创建web worker对象时，它将继续监听消息(甚至在外部脚本完成之后)，直到它被终止。

要终止web工作人员并释放浏览器/计算机资源，请使用终止()方法：

w . terminate()；

完整的网络工作者实例代码

我们已经在中看到了工人代码。js文件。以下是网页的代码：

例子

！声明文档类型

网络工作者和文档对象模型

因为web工作人员位于外部文件中，所以他们无法访问以下示例中的JavaScript对象：

1 .窗口对象

2 .文档对象

3 .父对象