在小程序发布的时候，蓝橙小编发现，很多人分不清楚小程序和H5之间的区别，甚至有大部分人认为小程序就是H5。
其实并非如此，因为H5遵循的标准是HTML5，而小程序有自己的一套标准。下面，蓝橙H5营销小编从开发成本、运行环境、系统权限和用户体验这四个方面谈一谈两者之间的区别。
1.开发成本
当我们开发一个HTML5 的web需求时，我们需要从开发工具（vscode、Atom等），到前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），还有UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等方面去考虑产品的设计。
尽管大多数开发者面对这些工具时，都有了自己的配置模版，但成本依然不低吧？
而当我们想要开发一款微信小程序时，我们需要考虑什么？
微信提供了统一的开发工具，并且规范了开发标准，所以，作为一个开发者，你只需要专注写代码就好了。
而且，你可以随意调用微信开发里的API，不用担心浏览器的兼容性，不用担心莫名其妙的bug……
所以，在同样的项目需求面前，小程序的开发成本比以往的HTML5 开发的web 成本低很多。
2.运行环境的区别
传统H5 运行环境是浏览器，包括webview；
微信小程序运行环境是非完整浏览器，是基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，大幅提升了小程序的流畅度和性能。
本质上说，HTML5 是浏览器页面，而小程序是计算机程序。
3.系统权限
微信能获取到更多的系统权限，如网络通信状态、数据缓存能力等，这些系统级权限都能与微信小程序无缝衔接，这也就是官方宣称的拥有Native App的流畅性能。
而H5的web应用相对而言能获取到的权限就少了很多，而这一点恰巧是H5 web应用经常被诟病的地方。
也因此，HTML5的大多数应用被圈定在业务逻辑简单、功能单一的范围上。
4.用户体验的效果
我们在打开一个H5页面的时候，实际上就是打开一个web网页，而网页在浏览的时候，需要在浏览器中进行渲染，这个过程叫做加载，无论加载的时间的长短，都会给用户一种「卡」或者「不灵敏」的感觉。
小程序是微信内的云端应用，通过WebSocket 双向通信（保证无需刷新即时通信）、本地缓存（图片与UI 本地缓存降低与服务器交互延时）以及微信底层技术优化实现了小程序接近原生APP的体验。
所以在使用小程序的时候，同等网络条件下几乎不用等待，可以像操作普通app一样流畅。
H5定制和小程序之间的异同点大概就是这些，我们根据自己的情况选择合适的应用就好了。
注：H5案例没看过瘾？直接微信搜索“蓝橙互动”公众号获取案例，上百个案例等着你！
相关链接：H5制作|微信h5|行业H5案例|小程序游戏开发|微信营销策划
