文件名称:小程序分屏加载实践
文件大小:128KB
文件格式:PDF
更新时间:2024-04-18 10:53:10
小,程序,分屏,加载,实践,在,小,程序,不断,
在小程序不断迭代的时候,很容易遇到首屏渲染问题。这种问题,可能出现的原因是:小程序包太大,资源需要加载;网络环境太差,下载速度太慢;渲染节点太多,渲染耗时。 针对小程序首次加载包的问题,小程序提出了分包加载的功能,这里不做详细描述,可以去看下官方文档 这里我选择的是针对渲染节点去做优化。 技术方案 在微信的API文档里面,有一个判断节点与可视区域的API IntersectionObserver 对象,用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见 这个时候就在想,能不能建立 IntersectionObserver 跟组件之间的关系,使得组件进入可视区域的时候,就显示自己的内容