根据工作经验,笔者提炼了六种页面加载优化方式,按照业务与非业务,将六种加载方式分为两类:
业务类
控制业务与UI的执行顺序、控制多业务之间的执行顺序
①预加载:是指在进入页面之前,提前获得页面所需得数据
②懒加载:是指进入页面之后,先展示默认UI,等待异步数据返回后再显示数据对应得UI
③空闲加载:是指借用idelHandler特性,等主线程得所有任务都空闲之后,再执行请求
④串行加载:一组连续得任务有依赖关系,则每完成一部分任务,就显示一部分任务对应得UI,无需等待任务全部完成,才合并数据,显示UI
非业务类
非业务执行顺序的,仅UI层面的优化,详情可以阅读笔者过去的文章Android与Web骨架屏详解
⑤菊花图加载:以全屏透明转圈得loading、上拉下拉加载更多加载最新为代表的样式
⑥骨架屏加载:显示内容骨架,等数据返回后才显示数据对应的内容UI
下面是这六种页面加载优化方案的对比
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架