页面加载提速37.9%,“凯叔讲故事”做了什么

用户体验一直是产品设计、运营环节需关注的重要指标。如何提升用户体验,不仅仅在于页面的交互设计,页面加载速度的优化亦是关键措施。

受网络时延、资源类型和资源大小等客观因素影响,页面内容需要消耗一定时间渲染。无奈的是,渲染时间越长,越容易导致用户的流失。

优质儿童内容品牌"凯叔讲故事"非常重视用户体验,在HarmonyOS应用开发中,为进一步提升应用性能,优化页面加载速度,他们接入了预加载服务,针对应用首开页面的资源进行预载。

开发者通过实例测试确认,接入预加载后,"凯叔讲故事"首开页面渲染时间缩短了37.9%。

什么是预加载?为何"凯叔讲故事"接入后能有效提速?

预加载是HarmonyOS SDK 云开发服务(Cloud Foundation Kit)提供的一种可提前加载所需资源的服务。通过预加载,可以将页面所需的文本、图片、音频、视频等资源数据提前加载到本地进行缓存,以提升应用页面加载速度。

当前,预加载支持"安装预加载"和"周期性预加载"两种类型,安装预加载主要针对用户首次安装首开的场景,确保在应用安装时即下载缓存数据,应用打开直接从本地获取数据进行渲染,由此减少等待时间,提升用户体验。

周期性预加载,其应用场景更为广泛,适用于改善任意页面加载慢的情况,系统将周期性拉取页面的远端数据缓存到本地。

综合各HarmonyOS应用实际情况,"安装预加载"与"周期性预加载"若能结合使用,将有效解决应用中各个页面加载时间长、加载慢,易出现白屏的现象,提升性能应用,改善用户体验。

了解更多详情>>

访问云开发服务联盟官网

获取预加载服务开发指导文档

相关推荐
OH_TPC2 小时前
HarmonyOS APP开发---“智泊“智能停车App,需要用到这个库
华为·harmonyos·鸿蒙
tsqtsqtsq03096 小时前
鸿蒙应用开发配置文件详解
harmonyos
贾伟康7 小时前
【HarmonyOS 7新能力|066】弱网直播优化实战:从网络感知到码率、缓冲与恢复
音视频·harmonyos·arkts·网络优化·弱网直播
m0_738185828 小时前
Flutter 鸿蒙化实战:flutter_exif_plugin 适配 OpenHarmony,图片 EXIF 读写
flutter·华为·harmonyos·鸿蒙
动物园猫8 小时前
Compose Multiplatform 三方库 KoalaPlot(koalaplot-core)的 OpenHarmony 鸿蒙化适配实战
华为·harmonyos
resh_people9 小时前
开源鸿蒙平台 KMP_CMP 三方库「AtomicFU」适配全流程
华为·开源·harmonyos
李游Leo9 小时前
HarmonyOS 7 + ArkUI-Window Kit:闪控窗任务恢复与形态切换【鸿蒙心迹】
华为·harmonyos
李游Leo9 小时前
HarmonyOS 7 + ArkUI-Hvigor:动态字体与色彩对比上架预检【鸿蒙心迹】
华为·log4j·harmonyos
李游Leo10 小时前
HarmonyOS 7 ArkTS + ohpm:三方 JS 库副作用隔离与 API 26 升级回归【鸿蒙心迹】
javascript·回归·harmonyos
5008414 小时前
React Native for OpenHarmony 实战:三方库 react-native-crypto-js 的鸿蒙化适配指南
javascript·react native·性能优化·electron·harmonyos