CHUAN2 DEV ENGINE
996 正版授权研发中心 · 360 授权合作教学中心 · 抖音传奇直播合作授权 · 快手推广运营商授权
OFFICIAL LICENSED ACADEMY 查验官方授权证书 →
// 威海旷世互娱教学基地 · 技术文章
性能调优

【性能调优】图片异步加载:界面切换不白屏的加载策略

2026-09-23 17:02 作者:996 技术组 0 阅读 996引擎Lua教程传奇脚本

实战应用:用在哪里

界面切换时的大图(活动海报、行会图标、装备大图)如果同步加载,切换的瞬间白屏半秒。异步加载策略把图片的读取放到后台线程,界面上先显示占位图,图片就绪后无缝替换,白屏从此消失。

异步加载器

lua

---图片的异步加载与占位替换
local loadingTasks = {}
function asyncImageLoad(widget, imagePath, placeholder)
    GUI:Image_loadTexture(widget, placeholder)
    local taskId = "img_" .. imagePath
    if loadingTasks[taskId] then return end
    loadingTasks[taskId] = true
    SL:ScheduleOnce(function()
        local ok = pcall(function()
            GUI:Image_loadTexture(widget, imagePath)
        end)
        loadingTasks[taskId] = nil
    end, 0)
end

加载请求先进占位图,真实图片的读取放到下一帧的调度里执行,界面的切换动画不被图片 IO 阻塞。加载任务的去重:同一图片的并发请求只执行一次,结果共享给所有等待的控件。加载完成的回调里 pcall 包裹,图片缺失时占位图保留而不是白块。

缓存与优先级

lua

---缓存命中的秒回与优先级队列
function asyncImageCached(widget, imagePath)
    if imageCache[imagePath] then
        GUI:Image_loadTexture(widget, imagePath)
        return
    end
    asyncImageLoad(widget, imagePath, "loading.png")
    priorityQueue.push(imagePath, widgetPriority[widget])
    imageCache[imagePath] = true
end

加载过的图片进内存缓存,二次使用秒回。优先级队列让当前界面的图片优先加载,预加载的放低优先级,带宽与解码资源先服务眼前。图片的内存缓存设上限(50 张),超限按 LRU 淘汰最久未用的,内存的水位不失控。

验证与监控

图片加载的白屏时长统计(占位显示到真实图片的间隔),P95 超过 300 毫秒的图片进优化清单。

踩坑记录

异步回调里访问已销毁的控件曾经抛错,回调的有效性校验(控件是否还在场景树)是标准第一行。缓存的清理时机与界面的内存告警联动,内存紧张时缓存减半,体验的降级有层次。

上线要点

占位图的设计要有信息量:模糊化的大图占位比纯灰块体验好,模糊图的生成在构建期完成。异步加载的错误分级:文件缺失与解码失败走不同的上报通道。图片的格式统一为引擎友好的格式,PNG 的解码耗时是大图的痛点,构建期的格式转换一劳永逸。

lua

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

作者履历与出处

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

← 返回文章地图返回研学路径

最新技术文章 · 实战干货

LATEST ARTICLES

全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

策划架构996引擎数值设计新手保护成长走廊

【策划架构】新手走廊:保护期的数值通道设计

设计初衷 新手的第一个 30 级决定留存:被红名追杀一次、被高级玩家抢一次 BOSS,新号当周流失率直接翻倍。新手走廊是 1…

2026-09-24 10:13 996 技术组 · 0 阅读
策划架构996引擎数值设计拍卖保证金防恶意挂拍

【策划架构】保证金:拍卖保证金的定价与没收设计

设计初衷 拍卖行的恶意挂拍有两种:挂天价试探市场、批量挂垃圾物刷屏——挂拍零成本,恶意就没有代价。保证金机制让挂拍押上真金白…

2026-09-24 10:13 996 技术组 · 0 阅读
策划架构996引擎数值设计家园种植产出

【策划架构】家园产出:种植周期与互访的产出设计

设计初衷 家园系统回答的是长线玩家"下线之后游戏还在为我工作"的情感需求:种下去的种子在离线时生长,上线收割即是回馈。产出设…

2026-09-24 10:13 996 技术组 · 0 阅读
高级技巧996引擎Lua负缓存缓存穿透

【高级技巧】负缓存:空结果的穿透防护

底层原理 缓存防的是重复查询,但有一类查询永远查不到:恶意玩家批量请求不存在的物品名,每次都绕过缓存直击底层查询——缓存对"…

2026-09-24 10:13 996 技术组 · 0 阅读
高级技巧996引擎Lua双写校验影子账本

【高级技巧】双写校验:关键数值的双份记账比对

底层原理 金币、功勋这类关键数值,单账本一旦被静默改坏(bug 写错、内存篡改),没有任何报警——账本自己不会喊冤。双写校验…

2026-09-24 10:13 996 技术组 · 0 阅读
高级技巧996引擎Lua内存排查引用链

【高级技巧】引用链排查:谁还攥着这张表

底层原理 内存涨了不回落,十有八九是有张该死的表被谁攥着不放。Lua 的回收按可达性判定:只要还存在一条从全局表、活跃闭包或…

2026-09-24 10:13 996 技术组 · 0 阅读