小程序性能优化

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

小程序启动流程

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

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

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

注意:

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

相关推荐
键盘不能没有CV键1 小时前
【图片处理】✈️HTML转图片字体异常处理
前端·javascript·html
yantuguiguziPGJ2 小时前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
大飞记Python2 小时前
部门管理|“编辑部门”功能实现(Django5零基础Web平台)
前端·数据库·python·django
tsumikistep3 小时前
【前端】前端运行环境的结构
前端
你的人类朋友3 小时前
【Node】认识multer库
前端·javascript·后端
Aitter3 小时前
PDF和Word文件转换为Markdown的技术实现
前端·ai编程
mapbar_front4 小时前
面试问题—上家公司的离职原因
前端·面试
昔人'5 小时前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css
昔人'5 小时前
css `dorp-shadow`
前端·css
流***陌5 小时前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序