科学|表格告诉你哪一个更适合H5和小程序

一般来说，H5和小程序没有任何可比性。只是在许多移动端场景中，这两种选项都可以实现产品的大部分功能，而且凭借多年的领导力，它更难以决定。

我们经常说H5是一个非标准名称，可以理解为一种技术。最广泛使用的H5主要用于移动网页。实际上，PC版也可以使用H5技术。 小程序，这里特别是微信小程序，是微信 APP支持的应用程序表单，完全依赖于微信 APP环境。

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

一、运行环境

由于H5这里是一个网页，依赖它的shell主要是一个浏览器，所以只要有浏览器就可以使用它。例如，移动电话的内置浏览器，APP的Web视图组件和小程序提供的Web视图组件可以打开H5页面。

请注意，小程序的Web视图可以打开H5，但不能将小程序“跳转”到H5页面。这个H5或小程序 shell还有很多限制。

如前所述，小程序只能依赖微信客户端，这意味着它只能在微信中打开。然后，如果您的产品需要通过短信通知用户带来访问地址，则不能使用小程序。可以使用手机的内置浏览器直接在消息正文中打开H5页面。

However, 微信 itself is cross-platform, so whether it is 微信 on Android, 微信 on Apple, you can use 小程序. Even the QQ browser supports the entry of some 小程序.

二、系统权限

The system permissions here can be understood as higher privacy levels, such as address books, or the ability to call hardware, such as Bluetooth. From this perspective, H5 itself can be said to have almost no system permissions. Although there are interfaces such as cameras, it relies heavily on browser capabilities and has limited compatibility.

小程序, because of the 微信 client itself, the 微信小程序 team opened up many of the client's capabilities to the 小程序 environment, of course, provided that you also authorized the 微信 related capabilities, such as allowing access to the microphone, allowing access to the album.

So, if your product relies heavily on these capabilities, then 小程序 must be the best choice, because H5 is hard to do this, and for many of the capabilities provided by 小程序, H5 is simply not possible.

三、能力限制

The difference in system privilege level mentioned above is actually a capacity limitation. In addition, there are some capabilities that are limited by 微信 itself. For example, H5 can share friends directly in 微信, while 小程序 can only forward friends or groups at present. For a circle of friends, you can only generate a picture with a 小程序 code to send to a circle of friends.

For sharing to friends or groups, 小程序 provides a card-based sharing interface that looks very high-end, has a lot of information, and can track user behavior. This point, H5 can not do it.

xx 例如，支付能力小程序仅支持微信支付，而H5可以选择使用其他支付平台提供的支付方式。

四、用户体验

共享卡看起来比普通的H5链接共享体验更好;和朋友圈的H5共享形式，以及图片识别小程序代码的形式并不好。但是，如果您的产品被判断为违规，那么H5链接很容易匹配和屏蔽，这可以直接导致共享H5页面，这些页面仅对其他人可见而其他人不能。

但是，小程序的共享映射不太可能被禁止，但小程序是微信，它在几分钟内没有关闭。因此，在抗风险方面，两者都有其自身的优点。如果是H5，那么准备一些域名;如果它是小程序，直接在线路上再添加几个小程序，以确保在禁止禁止时最小化损失。

除了正式经验的差异外，还有不同的表现。 小程序基于微信客户端实现，针对解析进行了优化，一旦您第一次打开小程序，就可以直接缓存大量资源。因此，当使用小程序时，它显然可以感觉非常流畅，接近原生APP的体验。

H5本质上是一个网页。它与浏览PC上的网页没什么不同。每次要求各种图像样式资源时，它都会在浏览器内核中呈现，因此体验会更糟。

五、访问入口

在访问门户网站时，H5的核心竞争力是能够在微信之外播放，独立于微信本身。 小程序的优点是有50+ 微信提供的场景条目，聊天界面顶部的“最近使用”和“我的小程序”条目肯定优于H5。

用户关闭后，如果H5页面想要继续访问，可以通过收藏夹门户保存，或者转发到聊天界面，如“文件传输助手”，或缩小到图标以便稍后阅读。从本质上讲，它类似于PC时代的浏览器收藏夹。有必要保存H5链接地址以供下次访问。如果没有保存，下次很难找到它。

对于微信中的搜索，可以同时搜索H5和小程序，并根据H5的名称和内容，小程序的名称和描述进行搜索。只要您的链接位于沈阳APP软件

，H5就具有天然的优势

搜索引擎已经提交，因此您可以使用其他搜索引擎来查找此H5，例如百度搜索。

六、用户触达

H5本身没有用户可访问性。如果用户关闭了该页面，该页面将无法再访问该用户。因此，传统的营销方法使用电子邮件营销或短信营销来吸引用户。

之后，我们有微信服务号，这比访问方法模板消息更多。无论哪种方式，您都试图将链接地址推送给用户。当用户点击时，他们可以通过手机的内置浏览器或微信的内置浏览器访问该页面。

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

七、开发成本

对于简单的函数，H5和小程序的开发成本相似，开发模式和语言风格相似。对于上面提到的系统功能，它可能只能由小程序实现，而H5根本不能实现。此外，小程序是独立的，因此还有一些现成的组件，如果它只涵盖您的产品功能，可用于提高效率。

虽然H5也有很多可用的框架组件，但它太复杂，有选择成本，技术堆栈和UI各不相同，可能会有集成和修改的成本。 小程序组件的UI主要是确定的，只能修改几个部分，因此一旦确定使用小程序，这部分成本将会低得多。

总的来说，我认为我们仍然可以认为小程序的开发成本较低。

八、迭代周期

开发成本低，迭代周期不一定短。对于H5，我们可以随时在线发布，不受任何限制。 小程序的特点是每次提交版本时，都必须通过微信进行审核，并且审核时间的长度非常随机。在线的项目非常无奈。

至于其他速度，取决于开发人员的技术水平，系统的复杂性以及对基本能力的依赖，这并不容易估计。

九、外部限制

由于小程序依赖于微信平台，因此微信平台负责内容安全性和其他事务。例如，如果您想使用UGC构建产品，您可以使用H5在没有许可证的情况下暂停许可证，或者为了弥补它。

而小程序，很可能你根本无法完成试验，而你根本无法获得这条线。例如，试听课程，社会阶层，具有相应的资格，并且这种资格可能难以获得。

同样，H5页面可以在没有HTTPS的情况下播放，可以播放网站，甚至可以使用工具播放小活动。但是，小程序，后端有一个限制，要求域名注册+ HTTPS，在一定程度上需要一点费用。

另外，小程序对文件大小也有限制。虽然现在支持数据包加载，但文件本身的大小没有限制。只有在实际开发时，要照顾用户的体验，才能使页面打开得太慢。

总之，H5和小程序在不同的场景中各有优势。使用哪一个取决于您重视的功能。 H5和小程序都是实现产品的工具。选择工具的能力是最好的，还有其他方法可以弥补它。最后，附上一份完整的表格，看看你是否理解两者之间的区别：

如果您有任何其他问题，请留言并与我联系。

作者：纪晓光，微信公众号“纪晓光（ID：hi-laser）”

本文最初由@姬小光发表。每个人都是产品经理。未经许可，禁止复制。