2024年12月28日
摘要：
性能诊断工具 简介 为了协助开发者更好地排查小程序的性能和体验问题，我们推出了微信小程序性能诊断工具。 诊断工具会从启动性能、跳页性能、最佳实践、操作体验和网络性能等方面对小程序进行检测，并给出针对性的优化建议，部分指标会尝试给出预估的优化空间。 使用方法 运行环境要求： 基础库使用 3.7.0 及 阅读全文
posted @ 2024-12-28 16:46
AtlasLapetos
阅读(82)
评论(0)
推荐(0)
摘要：
性能数据 为了更好的帮助开发者了解和分析小程序性能状况，我们在「小程序助手」小程序上提供了性能相关的数据统计。同时，开发者也可以根据业务需要自己进行上报分析。 1. 获取性能数据 1.1 小程序助手「性能分析」板块 建议开发者使用小程序助手中「性能分析」板块，持续关注小程序性能。 性能分析从 启动性 阅读全文
posted @ 2024-12-28 16:46
AtlasLapetos
阅读(47)
评论(0)
推荐(0)
摘要：
内存优化 1. 合理使用分包加载 使用分包加载不仅能优化启动耗时，也能够实现页面、组件和逻辑较粗粒度的按需加载，从而降低内存的占用。详情请参考《启动优化-代码包体积优化》 2. 使用按需注入和用时注入 通过开启「按需注入」和「用时注入」，可以在运行时避免加载未使用到的页面和组件，降低运行时的内存占用 阅读全文
posted @ 2024-12-28 16:46
AtlasLapetos
阅读(63)
评论(0)
推荐(0)
摘要：
资源加载优化 1. 控制图片资源的大小 开发者应根据功能需要和实际显示区域的大小，选择合适的图片尺寸、图片格式和压缩比。 图片体积太大，可能导致下列后果 增加图片下载时间，导致用户看到图片时机延迟； 对用户造成非必要的流量消耗； 影响图片解码和绘制的耗时，可能更容易造成掉帧、卡顿或白屏，甚至无法正常 阅读全文
posted @ 2024-12-28 16:45
AtlasLapetos
阅读(35)
评论(0)
推荐(0)
摘要：
页面切换优化 页面切换的性能影响用户操作的连贯性和流畅度，是小程序运行时性能的一个重要组成部分。 1. 页面切换的流程 要想优化页面切换的性能，有必要先简单了解下小程序页面切换的过程。页面切换流程如图所示： 开发者可以通过wx.getPerformance接口中 entryType 为 naviga 阅读全文
posted @ 2024-12-28 16:45
AtlasLapetos
阅读(90)
评论(0)
推荐(0)
摘要：
渲染性能优化 1. 适当监听页面或组件的 scroll 事件 只要用户在 Page 构造时传入了 onPageScroll 监听，基础库就会认为开发者需要监听页面 scoll 事件。此时，当用户滑动页面时，事件会以很高的频率从视图层发送到逻辑层，存在一定的通信开销。 类似的，对于 ](https:/ 阅读全文
posted @ 2024-12-28 16:45
AtlasLapetos
阅读(16)
评论(0)
推荐(0)
摘要：
合理使用 setData setData 是小程序开发中使用最频繁、也是最容易引发性能问题的接口。 1. setData 的流程 setData 的过程，大致可以分成几个阶段： 逻辑层虚拟 DOM 树的遍历和更新，触发组件生命周期和 observer 等； 将 data 从逻辑层传输到视图层； 视图 阅读全文
posted @ 2024-12-28 16:44
AtlasLapetos
阅读(51)
评论(0)
推荐(0)
摘要：
运行时性能 小程序的运行时性能直接决定了用户在使用小程序功能时的体验。如果运行时性能出现问题，很容易出现页面滚动卡顿、响应延迟等问题，影响用户使用。如果内存占用过高，还会出现黑屏、闪退等问题。 在优化运行时性能前，建议开发者先了解下小程序的运行环境和运行机制。 开发者可以从以下方面着手进行启动性能的 阅读全文
posted @ 2024-12-28 16:44
AtlasLapetos
阅读(9)
评论(0)
推荐(0)
摘要：
其他启动性能优化建议 除了 代码包体积、代码注入、首屏渲染之外，发版频率等因素也会影响小程序启动耗时。 针对这些因素，我们建议开发者： 1. 合理规划版本发布 小程序启动时如果检测到版本更新（具体策略请参考小程序更新机制），会进行以下操作，影响启动耗时 重新获取小程序的基础信息 进行小程序代码包的增 阅读全文
posted @ 2024-12-28 16:44
AtlasLapetos
阅读(17)
评论(0)
推荐(0)
摘要：
首屏渲染优化 页面首屏渲染的优化，目的是让「首页渲染完成」(Page.onReady) 尽可能提前。但很多情况下「首页渲染完成」可能还是空白页面，因此更重要的是让用户能够更早的看到页面内容（First Paint 或 First Contentful Paint）。 1. 使用「按需注入」和「用时注 阅读全文
posted @ 2024-12-28 16:44
AtlasLapetos
阅读(41)
评论(0)
推荐(0)
浙公网安备 33010602011771号