分享
查看: 754|回复: 0

[分享] ThingJS-X黑白屏及卡顿问题排查方向

[复制链接]

ThingJS-X黑白屏及卡顿问题排查方向

发表于 2023-8-9 15:00:24 来自 分享 阅读模式 倒序浏览
zzv_icon754 zzr_icon0 查看全部
本帖最后由 zhaojinguo 于 2023-8-18 17:31 编辑

背景介绍
ThingJS-X场景搭建、交付过程中,偶尔会遇到黑屏、白屏和卡顿现象。此类现象归属于性能问题范畴,常在场景较大较复杂或者屏幕分辨率较大的项目中出现。
造成黑屏、白屏和卡顿现象的原因有很多,虽然最终的结论都会归于性能问题,例如内存不足、显存不足、内存泄漏等,但想要精确定位到具体什么原因导致的性能问题,如果没有相关的排查经验、没有一个明确的排查思路,那此类问题是非常不易排查,且耗时耗力的。
黑屏、白屏和卡顿问题会导致用户体验很差,客户对此类问题的容忍度一般都非常低,一旦出现,必然希望从速解决,越快越好。是故,如果每次遇到此类问题,都毫无章程的随缘排查,成本太高,效率无法保障。所以,整理一份简单的排查指南,总结以往经验,既拉低人员要求,又降本增效,一劳永逸。

故障现象
问题可能原因
排查方法及解决方案
黑屏、白屏、卡顿
浏览器位数太低
如果您的操作系统是64位的,请下载64位的Chrome浏览器使用,不要使用32位! 查看浏览器位数教程 Chrome浏览器32位与64位区别
浏览器版本过低
ThingJS-X使用支持chrome浏览器92版本及以上版本,查看浏览器版本教程
浏览器硬件加速关闭
在浏览器设置中检查否开启了硬件加速,如果未开启则开启硬件加速,手动开启硬件加速教程
计算机内存和显存不足
检查运行内存和显存的自身大小是否足够,如若硬件配套不足请更换电脑或升级硬件
显卡驱动异常
检查显卡驱动是否正常并检查是否设置独显生效 显卡设置应用教程
屏幕分辨率过大
目前ThingJS-X主要支持分辨率大小为1920*1080和3840*1080,超过该分辨率性能会受影响。 调整至合适分辨率   屏幕分辨率查看方法 分辨率与显存的关系
为了性能最优,项目上若实际分辨率比森X推荐的高,我们就需要缩放森X实际分辨率来适配屏幕;

1.单独使用森X

2.森大屏内嵌森X:可使用插件调整内嵌森X的实际分辨率


3.客户自己页面内嵌森X:自行写代码使用iframe自带缩放能力处理(使用css的scale()方法)
孪生体数量过多或模型制作过于精细
检查孪生体数量和模型的精细程度,适当降低模型复杂度或增加计算机硬件性能
效果模板渲染质量过高
检查效果模板中是否加入过多的特效,导致效果渲染质量过高(例如效果模板加了线框,场景较大时会有性能问题),适当减少特效数量或调整特效渲染方式
内存泄露和运行逻辑问题
如果是长时间运行后出现黑屏、白屏或卡顿,需要检查是否有内存泄露的插件或者操作集运行逻辑是否有问题(常见于有动效的图表或者反复循环调用的操作集)
接触不良
内存条松动或没有插紧、显卡与主板接触不良、电源线松动,这些都可能导致整个电脑屏幕黑屏,该项仅是一个故障可能原因,现实工作状态中目前遇到该问题还是少之又少的

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t