|
本帖最后由 flarejune 于 2021-4-10 15:45 编辑
打开淘宝商品详情页,如果页面带有视频,并且自动播放的话,偶尔会出现卡顿的情况,
表现为:页面内容无法点击,滚动条无法滚动(鼠标滚轮也无用),
其实,页面是已经执行了滚动的,一旦卡顿完毕之后,页面直接跳到下面滚动的位置.
这个问题有可能是渲染的问题(新的内容没有呈现).
并非是CPU占用过高的那种"卡顿".
测试页面(这个只是例子之一):
https://detail.tmall.com/item.ht ... ies=5919063:6536025
测试方法:点击后打开详情页面,加载完毕后关闭页面,重复进行,很大的几率会出现卡顿.
出现卡顿后,chrome://gpu 的页面的底部会记录error信息,大概内容如下:
- GpuProcessHost: The info collection GPU process exited normally. Everything is okay.
- [3716:10036:0410/105125.504:ERROR:shared_context_state.cc(74)] : Skia shader compilation error ------------------------ Errors: Invalid program binary version. Invalid program binary, device configuration has changed.
GPU信息:
Graphics Feature Status- Canvas: Hardware accelerated
- Compositing: Hardware accelerated
- Multiple Raster Threads: Enabled
- Out-of-process Rasterization: Hardware accelerated
- OpenGL: Enabled
- Hardware Protected Video Decode: Unavailable
- Rasterization: Hardware accelerated
- Skia Renderer: Disabled
- Video Decode: Hardware accelerated
- Vulkan: Disabled
- WebGL: Hardware accelerated
- WebGL2: Hardware accelerate
|
|