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

以下是闲来无事写的一个demo类小程序的性能体验报告,从中可以发现不少平时不太注意的开发问题,希望对大家有所帮助。
小程序码如下:
通过小程序性能体验报告,我们早知道小程序开发过程中应该注意哪些问题_第1张图片
性能体验报告如下:
通过小程序性能体验报告,我们早知道小程序开发过程中应该注意哪些问题_第2张图片

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

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

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

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

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

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

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

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

你可能感兴趣的:(小程序笔记)