小程序性能优化

背景 在了解性能优化之前,我们得知道我们优化的是哪部分性能,有启动时流程,有运行时用户交互性能等。

小程序启动流程

小程序的启动过程以「用户打开小程序」为起点,到小程序「首页渲染完成」为止 。

「打开小程序 」可能是由用户点击访问触发,也可能通过扫码、小程序跳小程序或 APP 打开小程序等入口触发。从扫码、APP 等场景打开小程序时,可能会有前置的跳转和校验流程,不包含在小程序启动流程的讨论范围之内。

「首页渲染完成 」的标志是首个页面 Page.onReady 事件触发。由于启动流程的差异,小程序定义的「首页渲染完成」不等同于浏览器的 DOMContentLoaded 或 load 事件。

注意:

load在ready事件之后,浏览器中dom树构建完成后触发ready事件,等到dom中的image静态资源加载也完成后触发load事件

相关推荐
孟健16 小时前
Claude Code 同需求写两版对比:装不装 frontend-design 差多远?
前端·ai编程·claude
梦de天空一米168818 小时前
【一个重复id让游戏卡在62%,聊聊配置表检查】
前端
ryn4839818 小时前
01 一个功能模块,怎么分层才不乱
前端·ai编程·claude
Amos_Web18 小时前
通过 Rspack 源码学 Rust(五):读懂 Result 与问号运算符的错误返回
前端
杨航 AI18 小时前
JEV的用法
java·前端·数据库
Amos_Web18 小时前
Rspack 源码解析(三十五):rspack_error 如何用 miette 渲染带源码定位的错误链
前端
去伪存真19 小时前
高敏资产场景下的大模型协同设计架构
前端·agent
修炼的dance19 小时前
OCR预处理测了108组,纠斜去噪有用,坑在顺序和力度
前端
疯华整猫19 小时前
Android 16 后台常驻适配:用 Trae 搭一套“前台服务 + 加急 Job”的可存活架构
前端
不可能片场19 小时前
AI视频成片 帧间差分把拼接缝照出来
前端·electron