ThingJS平台推出3D场景本地缓存技术

为提升用户访问体验,缩短项目加载时间,thingjs平台推出3d场景本地缓存技术:indexeddb,也称客户端缓存持久化技术。通俗来说,indexeddb 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作,使用json数据格式。下面详细介绍indexeddb本地缓存技术,作为一种浏览器数据存储方案,对场景项目开发有极大的意义。
①  本地缓存技术提升用户访问体验
thingjs平台支持在线开发面向物联网的3d可视化项目,当用户初次访问项目文件时,需先将3d模型数据缓存到本地,由用户访问设备进行3d渲染。若项目模型文件过大,导致加载时间长,势必影响用户访问体验,该如何访问降低速度,提升用户体验呢?
为缩短场景项目加载时间,thingjs平台推出3d场景本地缓存技术:indexeddb,即客户端持久化数据库!若你的项目使用本缓存技术,在初次访问后,3d场景中的文件级别数据将写入访问设备本地缓存数据库,在客户端实现永久的生命周期,清除浏览器缓存也不影响已缓存的3d模型文件。
②  indexeddb(客户端缓存持久化)技术优势
本地浏览器拥有三种永久存储数据技术,分别为web storage、indexeddb、web sql。indexeddb具备查询高效、存储空间大和异步操作等技术特征,有巨大的优势。
查询高效。indexeddb是一种轻量级nosql数据库,是由浏览器自带。相比web sql更加高效,包括索引、事务处理和查询功能。
存储空间大。indexeddb 的储存空间比 localstorage 大得多,一般来说不少于 250mb,甚至没有上限。在html5本地存储中,indexeddb存储的数据则是最多的。
异步操作。 indexeddb 操作时不会锁死浏览器,用户依然可以进行其他操作,这与 localstorage 形成对比,后者的操作是同步的。异步设计是为了防止大量数据的读写,拖慢网页的表现。
与此同时,indexeddb 内部采用对象仓库存放数据。所有类型的数据都可以直接存入,包括 javascript 对象,满足thingjs在线平台的数据存储需求。
③ 大型3d项目本地缓存技术实测
大型3d场景项目结构复杂,对精度要求高,容易产生大量数据读取。thingjs推出3d场景本地(客户端)缓存持久化技术,目的是降低数据传输压力,大大提高大型场景项目开发体验。
请注意,thingjs平台任何场景加载首次需常规读取,第二次打开将执行本地缓存命令。即用户再次访问此项目时,省略3d模型缓存过程,直接由访问设备渲染3d模型,加载因此速度得以大幅提升,具体性能取决于电脑网络速度或开发综合环境,欢迎体验。
据实测,大型3d项目加载速度普遍可提升3倍以上,部分超大型项目加载速度可提升至10倍。
首次加载至少需要62秒,启用本地缓存功能之后,大型3d场景加载仅用19秒,性能提速62%。
本地缓存技术具体由thing.cached.min.js库封装,直接调用javascript脚本加载运行。请参考以下操作步骤:
1. 代码界面引用thing.cached.min.js文件封装库; 2. 第一次加载,缓存文件后缀为’glb’, ‘gltf’, ‘bin’, ‘json’, ‘jpg’, 'png’模型资源; 3. 再次的加载将优先从本地缓存文件里读取,目前仅支持模型类的文件对象,后续会有扩展。


苹果收购AI设备创业公司Silk Labs 发力智能家居设备
春节期间特斯拉Model Y销量暴涨
XScale处理器解读大全及发展现状/前景
毫米波雷达的商用化落地需要结合具体场景
苹果iOS10.3有Bug,那就赶紧升级到iOS10.3.1,还可以给老iPhone续命
ThingJS平台推出3D场景本地缓存技术
区块链可以改变零售业中的哪些规则
高压柜无源无线测温系统
今日看点丨IDC:2023 年国内安卓手机出货量荣耀第一;大众、小鹏今年将合作生产两款 B 级车
释放产业升级新动能,三安亮相SEMICON Taiwan 2023
锂电池十大品牌厂商有哪些?
7家超算企业被美列入实体清单
微电流激励方法的特点
空心玻璃微珠对树脂流动性的影响研究
薄膜表面检测设备的简单介绍
助力智慧城市建设,嵌入式核心板打造智慧灯杆网关方案-飞凌
中车时代电气回归A股 将募资78亿
魅蓝E2要删掉谁?煤油们高喊:删掉联发科
系统性能的一些重要概念
Dialog半导体公司成为SiFive RISC-V开发平台优选电源管理合作伙伴