跨平台应用开发进阶 (二十八) :资源加载速度优化解决方案
一、前言
uni-app
开发 APP 实现上架后,后续面临一系列优化工作事项,其中,动态图片、视频加载慢就是亟需解决的用户体验差问题。
图片加载过程为:
调用后台接口,获取动态图片 url;
根据后台接口返回的 url,前端应用
uni.downloadFile
实现下载文件资源到本地,并返回下载地址。
从文件开始下载至下载完成,通过控制台看耗时 6s!只是一张普通的图片,居然耗时如此长时间,不可思议。
二、解决方案
当然,网络资源下载要同时考虑文件大小及设备网速带宽等因素。
优化事项:对于比较固定的动态资源,建议走本地缓存,若发现本地缓存与服务端返回资源 ID 不同,代表资源已更新,则需要同步更新本地缓存并做前端资源同步更新展示。若服务端返回的资源 ID 与本地缓存一致,则表明服务端资源更新,前端直接读取本地缓存做前端展示即可,通过减少资源频繁下载动作,提升了图片资源渲染性能,用户体验同时得到提升。
注⚠️:文件的临时路径,在应用本次启动期间可以正常使用,如需持久保存,需在主动调用uni.saveFile
,才能在应用下次启动时访问得到。
实操代码如下:
复制代码
三、拓展阅读
版权声明: 本文为 InfoQ 作者【No Silver Bullet】的原创文章。
原文链接:【http://xie.infoq.cn/article/402c11e83164bafd228069ed4】。文章转载请联系作者。
评论