小程序弱网环境卡顿怎么办?一招迅速提升小程序运行速度

2018 年 1 月 15 日,微信公开课 PRO 在广州正式“开课”。与往年不同,今年的微信公开课将整场大会的焦点都放在了小程序上。从 2017 年 1 月上线到现在,小程序依托于微信这个庞大的流量机器,在不知不觉间构建了一个新型的移动互联网生态圈。

微信小程序从麦当劳、肯德基等在线点餐服务到共享单车、共享充电宝等租用服务,再到与京东、拼多多等电商结合,小程序正在全方位的“入侵”人们的衣食住行。

 
△ 知晓程序官网小程序分类

张小龙在微信公开课上讲到:“小程序代表的是未来,未来万事万物可能都包含信息,而小程序刚好是这样一种信息载体和表达方式。”在某种意义上,小程序更像是传统 App 的补充,它从另一种角度丰富了传统 App 的使用场景。将来小程序也会一直保持即点即用、用完即走的访问方式,不会设置中心化的导流入口。与 App 反其道而行,小程序用这种轻便的使用方式保持住用户的黏性。

 
 △ 小程序彩蛋“这不是入口”

本次微信公开课之后,微信团队表示将会在提升小程序场景流量,提高转化、变现,降低小程序设计门槛等方面继续发力。同时为了小程序更好的变现,微信团队也已在内测小程序广告组件,相信在不久的将来,小程序必会成为新的创业成功的契机。

保持在线,延迟高,小程序的使用痛点

微信小程序作为基于微信的轻量应用,由于它 2 Mb 包体大小的限制,在开发的时候需要将大多数文件如图片、视频等素材放置于云端,所以绝大多数小程序必须要连接网络才能正常运行。

众所周知,中国虽然作为互联网大国,但网速却不算非常快,国际排名跟隔壁印度差不多在 70 名左右。在这样网络大环境下,用户很难不受到影响,尤其是当用户在公交车上、地铁上等弱信号环境使用时,小程序加载、运行慢的问题尤为明显。

更重要的是,和PC环境不同,移动端的用户随时可能因为移动而切换网络环境,比如下楼买杯咖啡,就会从Wifi环境切换到 4G 环境。

熟悉小程序开发的人都知道,腾讯是要求小程序强制开启 HTTPS 的。开启HTTPS增强了用户的数据安全,但是 HTTPS 在握手时增加了交换次数也会影响访问速度,尤其是在弱网环境中。

大部分素材放在云端、使用环境随时可能切换、经常出现的弱网环境、HTTPS 增加数据交换次数,这些都让小程序的使用偶尔出现不那么美好的情况,比如卡顿、加载慢等。

又拍云为小程序披荆斩棘

那么要如何解决这些问题,其实只需要一招即可 —— 又拍云微信小程序解决方案。

△ 又拍云微信小程序解决方案架构图

一站式云分发、云存储解决方案

安装包存在 2M 的上限,小程序必须将主要部件上传至云端。客户通过小程序上传 SDK,可以轻松将文件上传至又拍云的存储空间并完成压缩和优化,配合又拍云 CDN 轻松实现上传下载加速、弹性扩容等功能。

WebP、H.265自适应,减轻数据传输量

小程序里少不了图片、音视频等素材,对于保持图片、视频的低体积高质量,又拍云对其有着独特的“技能”。

又拍云的 WebP 自适应功能,可以在保证图片质量不受影响的前提下,将体积更小的 WebP 图片推送到小程序上,提升图片加载速度;当然这也得益于微信对 WebP 格式的支持。

此外,又拍云还提供 H.265 自适应功能,大幅度降低视频的体积,有效提升音视频加载速度。

关于视频,又拍云还有一个最重要的“安利”——最新支持的窄带高清功能,可以在减少 50 %体积和 30 %流量成本的同时,提升视频质量,做到鱼和熊掌兼得。

△ 又拍云 WebP 图片处理

TLS 1.3减少握手次数,提升HTTPS 访问速度

如何解决 HTTPS 带来的访问延迟已经是一个老生长谈的问题了,因此在小程序上 HTTPS 的优化尤为重要。

又拍云将分布式 Session 复用、OCSP Stapling、HSTS、HTTP/2、False Start、ChaCha20-Poly1305 算法、动态调节 TLS Record Size 等多种 HTTPS 优化手段完美实现在小程序端,保证了小程序加载速度的进步提升。

另外目前又拍云已经支持 TLS1.3,相比 TLS1.2 握手时减少了消息往来次数,并且在恢复会话是支持 0-RTT 模式。

总结

从行业到技术,在他人先行的情况下,我们要做到超越他们,就必须有选择一款优秀的小程序解决方案,相信又拍云微信小程序解决发布方案会是你最好的选择。

推荐阅读:

挑战App Store,微信通过“跳一跳”秀了一下“小程序”的肌肉

一站式解决直播竞答的技术痛点:高延迟、高并发、问答同步

原文地址:https://www.cnblogs.com/upyun/p/8434404.html

时间: 2024-10-06 20:49:16

小程序弱网环境卡顿怎么办?一招迅速提升小程序运行速度的相关文章

弱网环境测试点总结

一.[弱网环境测试点总结] 1.场景:弱网环境下某个操作响应时间 原因:APP用户对等待时间容忍度低,若弱网环境loading超过5s,用户很容易kill应用后再次进入应用 [测试点]性能测试中,加入弱网环境测试点,检测各个场景网络请求的 API 消耗时间(此处可以放入性能测试中,做为衡量APP性能好坏的指标) 2.场景:弱网环境下直至超时,UI界面友好度&APP是否稳定 原因:容错机制主要是考虑弱网情况下带来的不稳定,常见的问题是:loading超时导致ANR or crash [测试点]弱网

IOS与Android弱网环境测试

弱网环境下App的功能是否正常使用,是否会发生Crash的等情况? 1.IOS ios系统一般自带弱网环境测试,可以通过设置各种网络环境,模拟弱网环境,如3G,wifi,very bad Network或者自定义网络环境进行测试. 在苹果手机的设置如下:设置>开发者选项>Status:on,选择想要测试的网络环境,便可以在该环境下测试App. 弱网环境下的设置参数如下: in bandwidth 下行带宽in packet loss 下行丢包率in delay 下行延迟out bandwidt

弱网环境测试与重复提交问题总结

导语: 我们的做的那款App有个签到功能,该功能的基本逻辑是:用户当天签到时会先去数据库查询一下是否已经签到过,如果没有则插入数据作为当天的签到记录.有段时间经常发现会有重复签到的问题,某些用户几乎同一个时间点会有多次签到记录,后来经过排查发现在弱网环境会出现这种情况,详情如下. 一.弱网环境测试 所谓弱网环境简单来说就是网络质量较差导致丢包和延迟等现象,具体现象就是app响应很慢.测试工具用的是强大的fillder(没用过的自行google),fiddler是通过延迟发送或接收数据的时间来模拟

Charles-模拟弱网环境

在做弱网测试时,经常需要模拟各种网络环境,Charles恰好也提供了网络限制的功能,我们可以在"Proxy->Throttle Settings"路径下找到它,如下图所示. "Throttle Settings"提供了一个总开关,勾选"Enable Throttling"即开启网络限制功能.在其下方,可以添加我们想要限制网络的hosts,并勾选"Only for selected hosts",来实现仅仅限制该hosts

程序莫名的运行卡顿

接手别人的项目,在一次修改某个画曲线的功能时发现卡顿,以前的同事是不管历史记录直接从头画,然后领导希望能有历史曲线,改完后发现切换不同设备时会卡顿,然后我就在画曲线的功能里逐个输出消耗时间,最后发现数据库操作时出现等到几秒的情况,我这个是SQLITE本地数据库,然后查看以前同事写的方法,发现他把数据库操作都锁一个变量,即一个程序对数据库操作同一个时间只能有一个操作,但这个程序是多线程的,所以导致一个线程访问数据库时,其他的只能等待,造成严重堵塞,之后我把这些全部去掉,解决了这个卡顿的问题. 一直

弱网测试总结

一.[背景] 弱网测试,属于健壮性测试的内容.随着国内移动端迅猛发展,大大增加用户碎片化使用使用APP的.想象一下,用户在地铁里,巴士上,甚至是电梯,车库等场景使用APP,我们就需要针对这些场景的弱网环境下,验证出现丢包.延时软件的处理机制,避免因用户体验不友好造成用户的流失. 1.用户体验 APP使用过程中,弱网的高延迟和高丢包,在实时性要求非常高的场景,容易伤害用户体验. 2.非正常情况下,出现bug概率会增加 在解决日常的支持需求中,经常会遇到一些用户反馈一些无法简单复现的bug,有很大一

我看小程序系列文章:1 不一样的角度 解读微信小程序

大家好,我是Beta007. 最近一直在研究小程序,会在这里整理出一系列的文章,和大家交流. 第一篇文章首发在了知乎专栏:小楼昨夜又秋风:https://zhuanlan.zhihu.com/p/22891188 知乎ID:七月在夏天  (头像是只喵~) 不一样的角度 解读微信小程序 七月在夏天· 2 天前 前段时间看完了雨果奖中短篇获奖小说<北京折叠>.很有意思的是,张小龙最近也要把应用折叠到微信里,这些应用被他称为:小程序. 含着金钥匙的小程序,还未展现全貌,就已经成了开发界的头条大事儿.

用Fiddler进行弱网测试

1.作为一个好的程序猿,不但要写一手高质量的代码,而且要学会用高质量的测试工具测试自己的代码效果,接下来给大家推荐一下:用Fiddler进行弱网环境下的测试,请不要忽略这一点,因为用户在网速慢的情况下,你的网站总能出现各种各样的问题!!!! 2.打开Fiddler,Rules->Performance->勾选 Simulate Modem Speeds,勾选之后访问网站会发现网络慢了很多: 接下来给大家解释一下这些个都是什么意思: 3.Fiddler弱网的原理: Rules->Cutom

移动端弱网测试

工具选型 弱网测试工具有如下几种: 1. Fiddler 2. Network Emulator for Windows Toolkit(NEWT) 3. Augmented Traffic Control(ATC) Fiddler是一个抓包工具,显然不是专门用来进行弱网测试的,术业有专攻,我希望有一个专门进行弱网测试并持续维护的工具. NEWT和ATC分别是微软和Facebook推出的网络模拟工具.其中,ATC是一个搭建在linux上的一个web服务,搭建一套之后可以给多人使用,而且是开源的.