关于骨架屏的一些点

数据加载前的占位动画,吸引更多的注意力,内容还在加载中,
相比于之前的Loading动画,骨架屏页面更容易让用户产生一种错觉,页面快加载完了。
骨架屏实现原理很简单,就是通过占位线框元素,渐进式加载数据。

不足:
增加程序运行负担,无法根本解决页面加载性能问题。
开发工作量大,对特定页面数据额外绘制动画效果。

总结:骨架屏适用一些固定位置元素,不适用于一些动态位置元素。(比如:列表渲染数据) 建议采用Loading动画+懒/预加载技术提高用户体验与性能。
经观察,大多数网站动态数据的骨架渲染也就渲染成一条。个人猜测,列表渲染之所以渲染一条,多条不合适。假设骨架屏渲染三条占位元素,结果数据返回一条数据,那就尴尬了。
(固定位置元素,且数据条数与加载完成一致,注意:图片仍会消耗性能,考虑在app端本地存储下使用)

实现:页面元素默认使用(Skeleton Screens)类,加载完数据后清除

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值