弱网环境下PlayCanvas应用加载大PNG纹理出现net::ERR_HTTP2_PROTOCOL_ERROR问题求助

这确实是一个仅在Chromium内核浏览器、网络环境不佳时触发的特殊问题，你不仅精准定位了问题范围，还及时向Chromium官方提交了Bug报告，这一步做得非常专业！

从日志分析问题根源 #

从你通过chrome://net-export获取的日志可以看出：

• 出现HTTP2_STREAM_ERROR并伴随"Server reset stream"提示，说明服务器意外终止了HTTP/2流，但Firefox能正常加载，这大概率是Chromium的HTTP/2实现在网络不稳定时，对流窗口更新或分段Body读取的处理存在缺陷。日志中多次出现65536字节的分段读取，最终触发错误，也印证了浏览器在网络波动下难以维持HTTP/2流的正常传输。

可尝试的临时解决方案 #

在Chromium官方修复该Bug之前，你可以试试以下几种方案缓解问题：

• 强制HTTP/1.1加载大纹理：配置服务器或CDN，对超过一定大小的PNG文件禁用HTTP/2，改用HTTP/1.1传输。这样可以绕过Chromium的HTTP/2流管理Bug。
• 优化纹理文件体积：使用TinyPNG等工具压缩PNG文件、转成更高效的WebP格式，或者将大纹理拆分成小图集切片，减少单次传输的数据量，降低网络波动带来的影响。
• 在PlayCanvas中添加重试逻辑：监听PlayCanvas的资源加载失败事件，针对纹理加载失败的情况添加重试机制。由于问题和网络稳定性直接相关，短暂延迟后重试可能会成功。
• 测试新版本Chromium浏览器：你当前使用的是92版本，建议尝试最新稳定版的Chrome/Edge，很多HTTP/2相关的Bug会在后续版本中被修复。

后续跟进建议 #

既然已经提交了Chromium官方Bug，后续可以持续关注该Bug的进展。如果还未补充，建议在Bug报告中添加更多细节，比如服务器软件类型、纹理具体大小、网络环境的具体参数（如丢包率、延迟），这些信息能帮助官方更快复现和修复问题。

内容的提问来源于stack exchange，提问作者MadLuca