深入分析小程序与H5的区别

小程序与H5还是有很大区别的，那我们就从开发和用户体验两个角度去看看两者之间的差异都有哪些。

 

01 运行环境

传统H5 运行环境是浏览器，包括webview等；

微信小程序运行环境是非完整的浏览器，是基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，大幅提升了小程序的流畅度和性能。

所以，本质上说，HML是浏览器页面，而小程序是计算机程序。

02 开发成本

当我们开发一个HTML5 的web需求时，我们需要从开发工具，（vscode、Atom等），到前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），还有UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等等，都需要考虑周到。

尽管大多数开发者面对这些工具时，都有了自己的配置模板，但成本依然不低吧？

而当我们想要开发一款小程序时，我们需要考虑什么？

微信提供了统一的开发工具，并且规范了开发标准，所以，作为一个开发者，你只需要专注写代码就好了。

而且，你可以随意调用微信开发里的API，不用担心浏览器的兼容性，不用担心莫名其妙的bug……

所以，小程序的开发成本比以往的HTML5 开发的web 成本低很多。

03 系统权限

微信能获取到更多的系统权限，如网络通信状态、数据缓存能力等，这些系统级权限都能与微信小程序无缝衔接，这也就是官方宣称的拥有Native App的流畅性能。

而HTML5 web应用则相对少了很多，这一点恰巧是HTML5 web应用经常被诟病的地方。

也因此，HTML5的大多数应用被圈定在业务逻辑简单、功能单一的范围上。

04 用户体验

我们在打开一个HTML5页面的时候，实际上就是打开一个web网页，而网页在浏览的时候，需要在浏览器中进行渲染，这个过程叫做加载，无论加载的时间的长短，都会给用户一种「卡」或者「不灵敏」的感觉。

小程序是微信内的云端应用，通过WebSocket 双向通信（保证无需刷新即时通信）、本地缓存（图片与UI 本地缓存降低与服务器交互延时）以及微信底层技术优化实现了小程序接近原生APP的体验。

所以在使用小程序的时候，同等网络条件下几乎不用等待，可以像操作普通app一样流畅。