miniprogram-performance-optimizer

Diagnose WeChat mini-program startup and runtime performance bottlenecks.

11|3|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/sarahxu0205/myskills --skill miniprogram-performance-optimizer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: miniprogram-performance-optimizer
Source: https://github.com/sarahxu0205/myskills/tree/main/miniprogram-performance-optimizer
Command: npx skills add https://github.com/sarahxu0205/myskills --skill miniprogram-performance-optimizer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

小程序启动慢、卡顿、白屏以及运行时渲染/数据更新低效会直接拉低用户体验与转化率;该技能帮助你系统定位瓶颈并给出可落地的优化建议,覆盖启动性能与运行时性能关键环节。

Core Features & Use Cases

  • Startup performance diagnosis & optimization: 主包体积、启动初始化复杂度、首屏渲染策略、分包/资源体积优化与骨架屏方案,适用于上线前或收到“启动慢”反馈时的排查。
  • Runtime performance tuning: 针对 setData 调用频率与数据粒度、WXML 节点数量/渲染复杂度、页面切换与长列表渲染、资源加载与内存泄漏风险提供整改方向,适用于页面滚动卡顿、列表掉帧、内存占用异常等问题。
  • Actionable checklist and examples: 给出性能检测清单与典型代码/策略示例,便于你把建议直接转成工程改造任务并验证效果。

Quick Start

让 AI 基于你的小程序代码与当前症状,按启动性能和运行时性能逐项输出瓶颈点、优先级、以及对应的改造建议清单。

Frequently Asked Questions about miniprogram-performance-optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Why is my WeChat mini program slow on first launch and how do I optimize startup time?

WeChat mini program startup time is slowed by large main package sizes and complex initialization. You can optimize first launch performance by reducing main package volume, simplifying startup logic, applying sub-packaging strategies, and implementing skeleton screens for faster initial rendering.

How do I fix scrolling jank and frame drops caused by excessive setData updates in a WeChat mini program?

Scrolling jank and frame drops in a WeChat mini program are caused by excessive setData updates and inefficient WXML rendering. You can fix runtime rendering performance by reducing setData call frequency, optimizing data granularity, and simplifying WXML node structures.

What causes a white screen in WeChat mini programs and how can I prevent it?

White screens in WeChat mini programs occur when initial rendering is blocked by heavy startup loading or complex page structures. You can prevent white screens by optimizing first-screen rendering strategies, applying sub-packaging, and implementing skeleton screens to improve perceived loading speed.

How do I identify and resolve memory leak risks during WeChat mini program runtime?

WeChat mini program memory leak risks stem from inefficient resource loading and unmanaged data during page switching. You can identify and resolve memory risks by analyzing long list rendering patterns, optimizing page lifecycle management, and following structured diagnostic checklists.

What is the best way to reduce WXML rendering complexity and improve WeChat mini program performance?

The best way to reduce WXML rendering complexity is to minimize WXML node quantities and optimize page switching and long list rendering. Applying an actionable WXML checklist helps convert diagnostic bottlenecks into direct engineering tasks for improved rendering performance.