计划开发的移动产品是H5还是小程序?甚至许多开发人员也不知道这两种产品在具体使用中的优缺点。所以我相信读完这篇文章后，你可以让你知道两者的优缺点，不再需要纠结。

一般来说，H5和小程序没有可比性。只是在很多移动场景中，这两种选择都可以实现产品的大部分功能，而且它们已经领先好几年了，所以更难选择。

我们常说H5是一个不标准的名字，可以理解为只是一种技术。H5主要是指移动终端上使用的网页。事实上，H5技术也可以用于PC电脑版本。小程序，这里特别指微信小程序，是基于微信应用支持的应用形式，完全依赖于微信应用环境。

以上，是大概念上的区别，下面，我们就来详细比较一下其他方面。

一、运行环境

既然这里的H5是一个网页，它所依赖的外壳主要是浏览器，所以只要有浏览器，它就可以使用。例如，内置的手机浏览器，应用程序web-view组件，以及小程序提供的web-view组件，都可以打开H5页面。

请注意，小程序的web-view可以打开H5，但并非小程序“跳转”到H5页面，H5仍然是小程序的外壳，仍然有很多限制。

正如我之前所说，小程序只能依靠微信客户端，也就是说，它只能在微信上打开。然后，如果您的产品需要通过短信通知用户带来访问地址，则无法通过小程序实现。H5页面可以在短信文本中直接用手机内置浏览器打开。

然而，微信本身是跨平台的，所以无论是Android上的微信还是苹果上的微信，都可以使用小程序。甚至QQ浏览器也支持一些小程序。

二、系统权限

这里的系统权限可以理解为相对较高的隐私级别，如通讯簿，或者可以调用硬件，如蓝牙功能。从这个角度来看，H5本身几乎没有系统权限。虽然有摄像头等接口，但严重依赖浏览器能力，兼容性有限。

而小程序，由于依赖微信客户端本身，所以微信小程序团队向小程序环境开放了客户端的许多能力，当然，前提是你也授权微信相关能力，如允许访问麦克风、允许访问相册等。

因此，如果你的产品严重依赖这些能力，那么小程序一定是最好的选择，因为H5很难做到这一点，H5根本不可能实现许多小程序提供的能力。

3、能力限制

上面提到的系统权限水平的差异实际上是一种能力限制。此外，微信本身也有一些战略限制。例如，H5可以直接在微信上分享朋友圈，而小程序只能转发给朋友或小组。对于朋友圈，只能生成带有小程序代码的图片并发送到朋友圈。

对于朋友或群体来说，小程序提供了一个卡片共享界面，看起来非常高端，有很多信息，可以跟踪用户的行为。H5无法做到这一点。

另一个例子是支付能力，小程序只支持微信支付，H5可以选择使用其他支付平台提供的支付方式。

四、用户体验

分享卡看起来比普通的H5链接分享体验要好;很难说朋友圈的H5分享形式和图片识别小程序代码的形式哪个更好。但是，如果您的产品被判有违规行为，H5链接很容易匹配和屏蔽，这可以直接导致H5页面的共享只能自己看到，别人看不到。

然而，虽然小程序的共享图片不太可能被禁止，但小程序是微信的，它不会在几分钟内关闭。所以在抗风险方面，两者都有自己的优势。如果是H5，准备更多域名;如果是小程序，直接推出更多的小程序，以确保在禁止时减少损失。

除了正式的体验差异外，性能也有所不同。基于微信客户端的小程序优化了分析，一旦第一次打开小程序，就可以直接缓存大量资源。因此，在使用小程序时，你可以明显感觉非常流畅，接近本地应用程序的体验。

H5本质上是一个网页，和之前在PC上浏览网页没什么区别。每次要求各种图片样式资源在浏览器内核渲染，体验都会更差。

5、访问入口

在访问入口方面，H5的核心竞争力是可以在微信之外玩，而不依赖微信本身。小程序的优点是有50+微信提供的场景入口，聊天界面顶部的“最近使用”和“我的小程序”入口比H5有绝对优势。

用户关闭后，如果H5页面想继续访问，可以通过收集入口或转发给“文件传输助手”等聊天界面保存，也可以缩小到图标稍后阅读等。本质上，它类似于PC时代的浏览器收藏夹，需要一个地方来保存H5的链接地址，以方便下次访问。如果没有保存，下次就很难找到了。

至于微信搜索，可以同时搜索H5和小程序，可以根据H5的名称和内容、小程序的名称和介绍进行搜索。H5在这里的一个自然优势是，只要你的链接已经提交给主要的搜索引擎，那么使用其他搜索引擎也可以找到H5，比如百度搜索。

六、用户触达

H5本身没有用户接触的能力。如果用户关闭页面，页面将无法主动接触用户。因此，传统的营销方式是通过电子邮件营销或短信营销来接触用户。

后来，当我们有了微信服务号码时，我们有了更多的服务号码模板信息接触方式。无论哪种方式，都试图将链接地址推送给用户，然后通过手机内置浏览器或微信内置浏览器访问页面。

小程序自然支持模板消息。虽然有一周的推送时间限制，但常规业务就足够了。只要用户使用您的小程序，您就可以通过某个操作收集formid，然后在一周内的任何时间接触用户。

七、开发成本

对于简单的功能，H5和小程序的开发成本相似，开发模式和语言风格也相似。至于上面提到的系统能力，可能只有小程序才能实现，H5根本做不到。此外，小程序有自己的系统，所以有一些现成的组件可以使用。如果它们只是覆盖了你的产品功能，它们可以提高效率。

虽然H5也有很多框架组件可以使用，但由于过于复杂，选择成本，以及各种技术栈和UI，可能有集成和修改的成本。大多数小程序组件的UI已经确定，只有少数部分可以修改，所以一旦确定使用小程序，这部分的成本就会低得多。

总的来说，我觉得小程序的开发成本还是比较低的。

八、迭代周期

开发成本低，迭代周期可能不短。对于H5，我们可以随时发布，不受任何限制。小程序的特点是每次提交版本都要经过微信的审核，审核时间的长短非常随机，急于上线的项目非常无奈。

至于其他速度，很难估计开发人员的技能熟练程度、系统复杂程度、对基本能力的依赖程度等。

九、外部限制

因为小程序依赖微信平台，微信平台应该对内容安全等事项负责。比如你想做一个有UGC的产品，也可以利用H5的宽松监管和无证裸奔一段时间，或者做大了再补证。

而小程序，很可能根本无法通过审核，根本无法上线。比如试听和社交都有相应的资质，可能很难获得。

类似地，H5页面可以在没有HTTPS的情况下玩，有一个网站可以玩，甚至可以用工具做一个小活动。但是，小程序从后端开始就有限制，需要域名备案+HTTPS，在某种程度上也是一点成本。

此外，小程序还限制了文件的大小。虽然现在支持分包加载，但H5本身对文件大小没有限制。但在实际开发中，要照顾用户体验，不要让页面打开太慢。

综上所述，H5和小程序在不同的场景下各有千秋，具体使用哪一种取决于你看重哪些能力。