除了微信本身的功能外，还有两个我们经常用到的功能，分别是微信小程序和H5。从表面上看，微信小程序和H5非常相似，很多人也经常把小程序和H5混淆。但其实，微信小程序和H5有很大的区别。下面蓝橙互动就来给大家讲讲小程序和H5的区别。

1.开发环境不同

从开发工具（、Atom等）、前端框架（、等）、模块管理工具（、等）、任务管理工具（、Gulp等），到UI库的选择、接口调用工具（ajax、Api等）、浏览器兼容性等等，都是在H5开发时需要仔细考虑的。

当我们面临一个微信小程序的开发需求时，因为微信团队提供了开发者工具，规范了开发标准，前端常见的 HTML、CSS 都变成了微信定制的 WXML、WXSS。统一了这些标准之后，作为开发者你会发现只需要专注于写程序就可以了。

2. 运行环境不同

传统的H5运行环境是浏览器，包括等等。微信小程序运行环境是一个不完整的浏览器，是基于浏览器内核完全重构的内置解析器，专门针对小程序进行优化，配合自己定义的开发语言标准，大大提升了小程序的流畅度和性能。所以，本质上H5是浏览器页面，小程序是计算机程序。

3.系统权限不同

相较于H5应用，微信小程序能够获得更多的系统权限，例如网络通讯状态、数据缓存能力等，这些系统级别的权限可以和微信小程序无缝衔接，也就是官方宣称的拥有App的流畅表现，而这恰恰是H5应用经常被诟病的地方，所以微信小程序和H5在功能方面运用上有所不同。

4. 用户体验不同

打开H5其实就是打开一个网页，网页需要在浏览器端进行渲染，因此在面对复杂的业务逻辑或者丰富的页面交互时，加载过程会有一定的卡顿。

微信小程序的代码直接运行在微信上，省去了通过浏览器渲染的步骤。因此在微信中使用小程序比H5流畅得多。除了首次打开时需要几秒的加载时间外，小程序在页面之间的切换和跳转体验与原生App相当，同样是丝滑的效果。

另外，微信小程序和H5在页面上还有一个区别，就是小程序比H5页面右上角多了一个功能按钮，这也是区分微信小程序和微信H5最简单的方法。