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

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

2026-09-21 09:14 作者:996 技术组 性能调优

实战应用:用在哪里

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

异步加载器

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 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

框架设计BOSS播报

【框架设计】BOSS阶段时间轴:阶段事件的框架化播报设计

实战应用:用在哪里 沃玛教主血量每降一档触发一次全服播报,播报逻辑散在伤害结算里,改一条文案翻三个文件。时间轴框架把阶段播报…

2026-09-22 14:44 996 技术组
安全加密摊位过户

【安全加密】摊位转让过户:过户费与摊位洗牌防范的设计

实战应用:用在哪里 金位摊位成了稀缺资产,私下转让滋生倒卖。过户系统把转让收编:双方确认、缴纳成交价一成的过户费、转让后原主…

2026-09-22 14:44 996 技术组
数据存储限购持久化

【数据存储】师门积分每周限购:限购状态的持久化设计

实战应用:用在哪里 师门积分商店的热门商品每周限购两件,限购状态跨周重置的口径必须稳:本周已购几件、下周何时刷新、补签周怎么…

2026-09-22 14:44 996 技术组
运维发布怪物平衡

【运维发布】怪物密度动态平衡:全服刷新参数的运营调整机制

实战应用:用在哪里 练级区怪物密度是玩家口碑的晴雨表:太密抢怪打架,太稀挂机空转。密度动态平衡机制把刷新倍率做成运营参数,按…

2026-09-22 14:44 996 技术组
界面UI安全区警示

【界面UI】安全区边界警示:越界提示的可视化设计细节

实战应用:用在哪里 新玩家不知道安全区边界在哪,迈出一步被野怪围殴,第一印象直接崩坏。边界警示方案:接近安全区边界时地面浮现…

2026-09-22 14:44 996 技术组
前端接口任务寻路

【前端接口】任务追踪寻路切换:自动寻路与手动模式的切换实现

实战应用:用在哪里 自动寻路省心但让玩家成了观光客,手动跑图自由却容易迷路。追踪切换方案:任务追踪面板提供自动与手动两种模式…

2026-09-22 14:44 996 技术组