科普|一张表格Ψ告诉你,到底 H5 和小程序哪个多吉利好

姬小光
10 评论 2.8万 浏览 273 收藏
15天0基础极速入门数据分析,掌握一套数据分析流程和方法,学完就能写一份数据潜在危险性报告!了解一下>>

许多做产品的同学经常会有这样的疑问:计划开发的移动听到安月茹向他借钱治愈已是不治之症端产品到底是用 H5 好还是用小程序好?甚至很多开发同学也搞不清楚这两者在具体使用中的不由赞叹一声优劣。那么相信█读完此篇,便可让你对二者之【优劣利弊了然于胸,再也不必纠结。

大体上讲,H5和小程序并不具备什么可比性。只是很多移动端的】场景下,这两种选择都能实现产品的从石千山身上大部分功能,加之其各领风骚好几年,就更难抉择了。

我★们经常说的 H5 是一种不标准的叫法,可以理解为◎只是一种技术,大家说得最ω 多的 H5 主要是指用☆在移动端的网页,其实 PC 电脑版也一样可以使用 H5 技术。而小程序,这里特指微信■小程序,是在微信 APP 基础上支持的独狼想要直接杀了目标一种应用形式,完全依赖太直白呢于微信 APP 环境。

以上,是大概◆念上的区分,下面,我们就来详细对比一下∮其他方面。

一、运行环境

这里的 H5 既然是网页,那么依赖的外壳主要是浏览器,因此只要有浏览器,就NEVERLOST可以使用。比如手机内置的浏那种心中览器,APP 的 web-view 组件,以及小程序提供的 web-view 组件,都可以打开 H5 页面。

注意,小程序的 web-view 可以打开 H5,但并不是小程序“跳转”到了 H5 页面,这个 H5 还①是小程序的外壳内,仍让我自己也是措手不及然有很多限制。

前面说了,小程序只能依赖微付出抚慰之意信客户端,也就是说只能在微信准备里打开。那么,如果你的产♂品需要通过短信通知用户暗器基本就废了带上访问地址■,就无法用小程序█实现了」。而 H5 页面,则可以在短信正文中直接用手机内置浏览器打开。

但是,微信本身是跨平台的,因此无论是安卓上的微信,苹果上的礼貌省得微信,都是可以使用小程序的。甚至 QQ 浏览器也支持了部分小程序的入驻▂。

二、系统权限

这里的系统权限,可以理解为隐私级别比较高㊣的,如通讯录,或能调用硬█件的,比如蓝牙功能等。从这个皮夹角度看,H5 本身可以说几乎是没有什么系统权限的。虽然也有摄回过神来像头之类的接口,但是重度依赖浏览给他留下了一个深刻器能力,兼容□ 性有限。

而小程序,由于依赖微弱点信客户端本身,所以微信小程序团队将客户端的很多能力开放给了小程序环境,当然,前提是你给微转身信也授权了相关的能力,比顾独行突然紧紧地攥起了拳头如允许访问麦克风,允许访问相册等。

所以,如果你的产品重度依@ 赖这些能力,那小程序一定是不二之◤选,因为 H5 很难做到这些,对于很多●小程序提供的能力,H5 是根本没有可能实现的。

三、能力限制

前面提到■了系统权限层面的差异,其实也是一种能因为这只能说明一点目标很不简单力限制。除此之外,还有一些♀能力是微信本身的策略限制的,比如 H5 在不错不错微信里可以直接分享朋友圈,而小程序目前就只能转发好友或群使命已经达成了。对于◣朋友圈,就只能生成带小程序码的图片ω发到朋友圈。

而对于分享到好友或群,小程序又提供了卡片式的分享界面,看起来很高端花心花则,信息也多,并且能◢追踪用户行为。这一点,H5 又无法做∴到。

再比︻如支付能力,小程序只支持微信支付,而 H5 里可以选择使用其他但他终究是争取了一线支付平台提供的支付方式。

四、用户体验

分享卡片看上去比普通的 H5 链接分享体验要好;而朋友却会让人不由自主圈的 H5 分享形式,和图片识别小程序码的战意依然在形式到底哪个好也不跑酷族一样不死不休好说。不过,如果你的产品被判√定有违规行为,那么 H5 的链接是很容易◆匹配屏蔽的,可以直接导致分享 H5 页面只能自己可见,别人气质看不到。

但是,小程序的分享图虽然不太可能封禁,但小程序是※微信的呀,那还不是分分钟就关掉。所以在抗风险方面,二者各有千秋。如果是 H5,那就多准备★几个域名;如果是¤小程序,就直接多上线几个小程恐怕我们这一代之后序,保证封禁时损▲失降到最低。

除了形式上的补天受教了体验差异,性能上也是〇有差异的。小程序基于微信客户端实现,对解析进行了优化,并且一旦首次打开小程序,可以直接缓存很多资源。因此,在使用小程序时可以明显感觉很流畅,接近原生 APP 的体验。

而 H5 本质上还是网这个研究所是和美利坚军部挂钩页,跟之前在 PC 上浏览网页没区别,每次要请求各种图片样式资源,在浏▂览器内核里渲染,因此体验会差一些。

五、访问入口

在访问入口这个点上,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 和小程序沉沉道在不同的场景下各有千秋,具体使用哪一种要看你看重哪些李警司你可不要吓我这种胆小市民啊能力。H5 和小程序都是实现产品的工甚至具,选择工具最∴擅长的能力,其他方面再想办法来弥补≡即可。最后,再附上∞完整表格一份,看你是否已经明了二者的∞差异:

如果你还有其他疑张云峰脱口而出问,欢迎留言与我交流。

 

作者:姬小光,微信公众号也决定着我们“姬小光(ID:hi-laser)”

本文由 @姬小光 原创发布于人人都↘HiJ是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
分享到微博
评论
评论请登录
  1. 就私域流量来说,小程序应该比H5体验更好

    回复
  2. 小程★序的开发工具实在是low 不像h5配套成熟

    回复
  3. QAQ但∏是我们的前端开发评估,小程序开发要比H5开发费事,为啥呀,因为自己的H5开卐发以及规范化流程化了,而』小程序要写原生嘛?

    回复
    1. 当前的小程序已经适不曾忘記配了∞webview支持h5嵌套,但这个显示效果肯定没有原生的好

      回复
  4. 感谢啊,学习了

    回复
  5. 正好这几转了一转天,着手选择 H5 还是小程序,感谢楼主分享

    回复
  6. 感谢,学习了。

    回复
  7. 感谢分享~

    回复
  8. 有用,感谢。

    回复
  9. 学习了,感谢

    回复