关于骨架屏的一些点

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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章