首次进入 VR 黑屏时间变长
问题描述
首次进入 VR 时,从将数据 load
到画面内容真正显示出来的时间明显变长,导致中间黑屏时间比之前长很多(通常黑屏时间长与图片下载耗时变长相关)。
根因定位
经排查,数据万象未生效,导致资源请求无法按预期命中加速与处理策略,进而拉长了图片资源下载链路与耗时。
解决方案
在初始化 Five 时,按如下方式配置 imageOptions
。其中 type
使用 tencentCloud
,并为不同资源类型指定域名映射:
const five = new Five({
// ... 其他配置
imageOptions: {
size: 512,
mappings: {
'bj2022-public.realsee-cdn.com': {
type: 'tencentCloud',
// 注意:pano、tile、model 必须配置两个链接(即便两个相同)
// 否则会触发资源无限加载的死循环,页面会卡死
pano: [
'bj2022-image1.realsee-cdn.com',
'bj2022-image2.realsee-cdn.com',
],
texture: [
'bj2022-image3.realsee-cdn.com',
],
tile: [
'bj2022-image1.realsee-cdn.com',
'bj2022-image2.realsee-cdn.com',
],
model: [
'bj2022-image1.realsee-cdn.com',
'bj2022-image1.realsee-cdn.com',
],
default: [
'bj2022-image4.realsee-cdn.com',
],
},
},
},
});
注意事项
- 必须两条链接:
pano
、tile
、model
三项必须配置两个链接,即便两个链接相同也要写两条。否则会造成资源无限加载的死循环,页面会卡死不动。 - 验证生效:变更发布后,清理缓存并在网络面板确认资源已命中上述域名映射与数据万象处理链路。