本文对数据加载相关内容进行了小结，包括加载触发场景、常见加载策略~
一、加载触发场景
在页面内触发某个交互，如：点击按钮、页面下拉，此时客户端向服务器发起请求，服务器收到请求，向客户端返回相应的数据。
二、常见加载策略
1. 全屏加载
将所有内容加载完毕再展示给用户，因此未加载完成时，整页都为加载状态，常见于H5页面。
特点：最大程度保证页面内容的完整性，但如果数据量大或网络情况差，加载速度慢，很容易给用户带来焦虑感。
优化：可通过有趣的加载动画和文案，降低用户对时间的敏感度，减少用户焦虑。
全屏加载
2. 自动加载
在上滑屏幕时，自动加载新内容，常见于信息流、商品列表页面，如：新闻阅读APP。自动加载策略需要考虑一次请求多少条数据，当用户滑到哪个位置触发自动加载。
特点：产品使用过程更具沉浸感，无需用户手动操作即可获取新内容，但是不方便用户向前回溯与定位。
注意：虽然是自动加载，但设计时需考虑弱网或无网情况，此时可以在页面待加载位置添加“重新加载”按钮，用户手动点击后即可重新加载页面内容。
自动加载
3. 分步加载
根据页面内容类型进行分步加载，常见的如：优先加载文字，再加载图片；如果页面有固定布局，可以先加载页面框架（即：占位符），再加载具体内容，增强体验流畅性。
特点：优先加载数据量小的内容，避免页面长时间空白无内容，缩短用户等待时长，增强体验流畅性。
优先加载文字
优先加载页面框架
4. 预加载
预加载即提前加载好页面内容，当用户进入该页面后无需等待即可查看。
特点：提前加载好内容保证体验流畅性，但会占用本地存储空间。
5.智能加载
根据用户当前网络情况采用不同的加载策略。如：在网络情况好的情况下，加载高清图片，网络情况差的情况下，加载图片占位符等，以保证良好的用户体验。如今随着技术发展，网络越来越快，
最后，对于不起眼的数据加载，也有很多注意事项，设计好了将大大提升用户体验，共勉~
网友评论