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 开发以及响应速度,提供更好的用户体验。而你准备好了吗?