一、Web App 和 Native App
比起手机App,网站有一些明显的优点。
- 跨平台:所有系统都能运行
- 免安装:打开浏览器,就能使用
- 快速部署:升级只需在服务器更新代码
- 超链接:可以与其他网站互连,可以被搜索引擎检索
但是,现状是:
- 体验差。手机App的操作流畅性,远超网站。
- 业界不支持。所有公司的移动端开发重点,几乎都是原生app。
- 用户不在乎。大多数用户都选择使用手机app,而不是网站。
如果将来有一天,Web app会成为主流,一定有一个前提,那就是它的性能可以赶上Native app。
二、为什么Web app有性能瓶颈?
Web app输给Native app的地方,不是界面(UI),而是操作性能。主要是互动(interaction)和动画(animation)这两方面,会出现卡顿(jank),用户会感觉到明显的时滞,有时简直慢得难以忍受。
Web app的性能瓶颈,主要有以下原因:
1. Web基于DOM,而DOM很慢
浏览器打开网页时,需要解析文档,在内存中生成DOM结构,如果遇到复杂的文档,这个过程是很慢的。可以想象一下,如果网页上有上万个