通过小程序性能体验报告,我们早知道小程序开发过程中应该注意哪些问题

以下是闲来无事写的一个demo类小程序的性能体验报告,从中可以发现不少平时不太注意的开发问题,希望对大家有所帮助。
小程序码如下:
在这里插入图片描述
性能体验报告如下:
在这里插入图片描述

在这里插入图片描述

体检项详情
1.启动性能: 待优化
描述:根据近期小程序的启动耗时、打开率等数据综合评估

建议:减少代码包体积(如使用分包、独立分包),提高启动性能。 查看加载性能监控

2.页面加载性能: 性能良好
描述:根据近期小程序的页面加载耗时数据评估

3.JS接口性能: 性能良好
描述:根据近期小程序的JS接口错误数等数据综合评估

4.网络性能: 待优化
描述:根据近期小程序的网络请求成功率、请求耗时等数据综合评估

建议:优化网络请求(如request、download等接口)耗时、降低网络请求错误率,提高网络性能
5.多媒体性能: 待优化
描述:根据近期小程序的多媒体数据请求成功率评估

建议:优化图片、视频、音频等多媒体接口的成功率及性能。
6.体验评分 可在开发者工具-调试器-Audits面板进行跑分并优化
待优化:存在可点击元素的响应区域过小
待优化:使用了过大的 WXML 节点数目
待优化:发现将未绑定在 WXML 的变量传入 setData 调用
已通过:页面内的滚动区域都开启惯性滚动
已通过:未使用 css 的 :active 伪类来实现点击态
已通过:所有请求的耗时都没有太长
已通过:未发现 setData 的调用过于频繁
已通过:没有出现界面渲染耗时过长的情况
已通过:未发现传入 setData 的数据过大
已通过:未发现脚本执行耗时过长的情况
已通过:网络图片资源都开启了 HTTP 缓存控制
已通过:合理地控制了图片的大小
已通过:未发现短时间内发起太多的图片请求
已通过:未发现短时间内发起太多的请求
已通过:图片都按原图宽高比例显示
已通过:没有出现任何 JavaScript 异常
已通过:所有请求都响应正常
已通过:所有资源请求都使用了 HTTPS 传输
已通过:未发现使用废弃接口
已通过:定时器都跟随了页面回收
已通过:对网络请求做必要的缓存以避免多余的请求

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玩烂小程序

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值