01CACHE MANIFEST

　　02# 2011-06-18:v3

　　03

　　04# Explicitly cached entries

　　05index.htm

　　06style.css

　　07

　　08# offline.htm will be displayed if the user is offline

　　09FALLBACK:

　　10/ /offline.htm

　　你需要在HTML页面中启用缓存

　　Manifest 缓存文件可以定义缓存任意的文件扩展名，但你需要在 Web 服务器上设置对应的 MIME 类型，例如在 Apache 上：

　　1AddType text/cache-manifest .appcache

　　使用应用程序缓存，你只需要简单几步就可以创建离线的 Web 应用，访问是非常快速，适合用来处理一些不经常更新的静态文件。

　　7. 使用 CSS 替代图片

　　使用 CSS 特效而不是图片是一个很简单的用来提升网页速度的方法，因为你无需重开 HTTP 请求来获取图片，而且一般图片大小也比几行 CSS 代码要大得多，下面是一些你可以用来替换图片的 CSS 特效：

• 　　CSS Masks
• 　　Box-shadow
• 　　Transforms
• 　　RGBA/Alpha opacity
• 　　Border-radius
• 　　Linear and radial gradients

　　8. 使用硬件加速

　　现在浏览器对硬件加速的支持还不普遍。如果你的应用有动画或者 3D 效果，那么启用硬件加速直接让 GPU 进行处理会大大提升这些动画和3D的速度。要使用硬件加速你需要用 HTML5 的 Canvas。

　　9. 使用客户端数据库

　　目前，主流浏览器在客户端数据库的支持上还没达成一致，除了 Web SQL 数据库和 IndexedDB 以外。通过对数据库的使用可以大大提升客户端数据存储的速度，而不是将数据重新发给服务器端。不仅可以减少 HTTP 请求，还可以大大降低服务器负载。

　　但不幸的是，大多数浏览器支持 Web SQL DB ，但 Mozilla 只支持 IndexedDB，这是你必须要考虑的问题。

　　如你所见，HTML5 带来很多很强大的新特性可以帮你加速 Web 开发以及响应速度，提供更好的用户体验。而你准备好了吗?