ThingJS本地加载速度提升10倍，复杂场景不愁！

最新推荐文章于 2023-08-09 20:36:01 发布

原创

最新推荐文章于 2023-08-09 20:36:01 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #html5

ThingJS推出浏览器临时缓存持久化技术，显著提升大型3D场景的加载速度。首次加载后，场景加载时间从62秒降至19秒，最高可达10倍提升。通过引用thing.cached.min.js库，开发者可以将模型资源存储到本地缓存，后续加载优先从缓存读取，目前支持.glb, .gltf等模型文件。" 124433741,11116776,2022电工初级考试详解,"['电工', '安全', '考试']

这真是一个甜蜜的烦恼，大型3D场景结构复杂，对精度要求很高，产生大量数据读取。为此， ThingJS研发出浏览器常规临时缓存持久化技术，目的是降低数据传输压力、提高大型场景的开发体验，这一宝贝功能终于测试完毕上线了！

要注意，ThingJS平台的场景加载都有首次常规读取过程，第二次才开始执行本地缓存命令，飙升的加载体验令人惊喜！

中丹1.02 场景示例图

某三维大型场景测试结果表明，首次加载至少需要62秒，启用本地缓存功能之后，大型3D场景加载仅用19秒，性能提速62%以上！加载性能具体取决于电脑网络或开发环境的综合因素，可以手动实践一下~~听说有开发者体验到飙升至10倍的加载速度！

这是一个基于浏览器的本地缓存功能，由ThingJS平台提供的thing.cached.min.js库封装提供，按照JS脚本提供的代码执行加载本地3D场景。以下是详细的操作步骤：

1、引用thing.cached.min.js文件封装库
2、第一次加载场景，先把文件后缀为’glb’, ‘gltf’, ‘bin’, ‘json’, ‘jpg’, 'png’等模型资源储存到缓存中
3、之后的加载优先从缓存里读取数据，目前仅支持模型类的文件对象，后续会有扩展。

THING.Utils.dynamicLoad('https://www.thingjs.com/static/plugins/thing.cached.min/1.1.0/thing.cached.min.js',
    function () {
        //初始化代码
        if (typeof CachedDownloader !== 'undefined') {
            CachedDownloader.getInstance().onRequest = function (url) {
                var extensions =

最低0.47元/天解锁文章